Twilit Ultramarine color palette — #D9E4F0 · #0064BC · #2B1C40 · #020D1D · #000305

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

The five colors

• Frost (#D9E4F0): A whisper-light, dusty blue — the color of open sky before noon.
• Cobalt (#0064BC): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#2B1C40): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#020D1D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000305): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Twilit Ultramarine 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

• Indigo Lantern color palette (#DAE1EE, #5E6AC9, #322B4A, #0E1525, #03070A)
• Deep Alley color palette (#D9F0F9, #00727C, #052547, #000F15, #000303)
• Hushed Terrace color palette (#F2E6F2, #007DF2, #533642, #281D29, #07100A)
• Lowlit Grape color palette (#DDE0F9, #7B3CBE, #3B162A, #0A0A1D, #010206)
• Lowlit Nightshade color palette (#D8E7FE, #0910C7, #1B151A, #1A0026, #000106)
• Cobalt Summit color palette (#F7EFF3, #9ED0E7, #507DBC, #005C51, #171E3A)
• Gentle Iris color palette (#E2E7FC, #8E7CE1, #456900, #005837, #0E1228)
• Nocturne Aubergine Ridge color palette (#E9EFFF, #390091, #371F1F, #11000E, #000104)

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