Color

Primary Colors

The Prelude brand is built on a stark, high-contrast foundation of near-black and white. These two colors should dominate the visual landscape, establishing authority and clarity.

Prelude Black

#1B1B1B

Prelude White

#FFFFFF

Name	Hex	RGB	CMYK	Purpose
Prelude Black	#1B1B1B	27, 27, 27	0, 0, 0, 89	Primary background color for dark contexts, headings, and body text on light surfaces.
Prelude White	#FFFFFF	255, 255, 255	0, 0, 0, 0	Primary background for light contexts, text on dark surfaces, and the logo mark.

Secondary Colors

A muted, naturalistic palette that complements the primary black and white. These colors are used sparingly for accents, illustrations, data visualization, and surface differentiation.

Soft Lavender

#DDCEE2

Pale Lichen

#EEF1D5

Sage Mint

#B2D7BA

Cool Mist

#B4C5CB

Deep Teal

#567B7B

Light Gray

#F0F0F0

Name	Hex	Purpose
Soft Lavender	#DDCEE2	Accent color for highlights, callouts, and category differentiation.
Pale Lichen	#EEF1D5	Light accent for backgrounds, tags, and subtle surface variation.
Sage Mint	#B2D7BA	Used for success states, positive indicators, and data visualization.
Cool Mist	#B4C5CB	Neutral accent for borders, dividers, and secondary UI surfaces.
Deep Teal	#567B7B	The darkest accent — used for emphasized UI elements, icons, and interactive states.
Light Gray	#F0F0F0	Subtle background tint for cards, alternating rows, and content separation.

Product UI Colors

The following palettes are used across the Prelude product interface. They provide depth, hierarchy, and semantic meaning within the application.

Blues

A cool-toned scale ranging from near-black to soft blue-gray, used for dark UI surfaces, sidebars, and header backgrounds.

Dark Mountain

#1C2530

Shark

#282D35

Soft Steel

#5C606A

Night Flight

#3E424C

Blueberry

#2B5C8E

Blue Bay

#265080

Angora Blue

#8494A8

Neutrals

A pure grayscale for interface structure — backgrounds, borders, text hierarchy, and disabled states.

Halloween Black

#1C1C22

Carbon

#3C3C44

Metropolis

#585860

Sheet Metal

#6E6E76

Aluminum

#A0A0A8

Light Gray

#E0E0E4

Purples

A warm accent range used for personality, branding moments, and decorative surfaces.

Nero

#362838

Rose Pink

#8A6C90

Lavender

#D0C0D8

Magnolia

#F4EEF6

Alert Colors

Semantic colors for system feedback. Light variants are used on light backgrounds; dark variants on dark backgrounds.

Alert Green

#6CC070

Alert Yellow

#F5CA4C

Alert Red

#F08E82

Alert Dark Green

#3A8A3E

Alert Dark Yellow

#D4A830

Alert Dark Red

#C43C3C

State	Light	Dark	Purpose
Success	#6CC070	#3A8A3E	Positive confirmations, passing checks, healthy status.
Warning	#F5CA4C	#D4A830	Caution states, pending actions, attention needed.
Error	#F08E82	#C43C3C	Failures, destructive actions, critical alerts.

Brand Color Usage Guide

Design Note: Prelude Black and Prelude White should account for the vast majority of the brand’s visual real estate. The secondary palette is reserved for accents, data, and surface variation — never as dominant background or text colors. Product UI colors should be used exclusively within the application interface.