Twilit Drift color palette — #CDEEFB · #00587E · #003055 · #000B35 · #01000D

Peacock and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CDEEFB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#00587E): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#003055): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#000B35): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#01000D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged dark, muted, cool.

Use it as a design system

One click turns Twilit Drift into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Obsidian Harbor color palette (#C8E5E5, #007693, #003F6C, #050040, #020007)
• Obsidian Abyss color palette (#C9EBE0, #005E57, #003335, #00141A, #000304)
• Weathered Alley color palette (#D3E4EB, #0074A8, #004F88, #000F7B, #050027)
• Twilit Boulevard color palette (#EFDCEF, #00489B, #503600, #001C45, #020100)
• Washed Mulberry color palette (#F0E1ED, #8787B3, #864A91, #003954, #01000E)
• Charred Loft color palette (#E3E9F8, #4739A6, #350064, #1B002C, #050005)
• Midnight Navy color palette (#FCDEF8, #03289B, #62000C, #012C04, #00000B)
• Misty Parlor color palette (#CFE8FF, #5183D4, #2D3DBC, #34009A, #1D0040)

Browse the whole catalog at Explore, or see today's palette.