Twilit Navy color palette — #D0E1F7 · #00377F · #21252C · #3A0C00 · #000B05

Built around Navy, softened by Espresso — the whole palette hums with trust and stability.

The five colors

• Frost (#D0E1F7): A whisper-light, dusty blue — the color of open sky before noon.
• Navy (#00377F): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#21252C): quiet, heavy and certain.
• Espresso (#3A0C00): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#000B05): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Eclipse Onyx Delta color palette (#D2E9F9, #004159, #3E001D, #161A20, #050A00)
• Twilit Ridge color palette (#E5EBFF, #420099, #342F35, #2D1900, #000A0B)
• Twilit Meadow color palette (#DADEF5, #360069, #342220, #230E15, #060005)
• Abyss Orchard color palette (#F1E5ED, #45838E, #00415A, #002018, #000105)
• Raspberry Studio color palette (#E4DBF6, #BA1AA8, #4C5100, #002F4E, #000F1F)
• Lowlit Field color palette (#D6E2F2, #594D75, #5A103B, #002008, #000403)
• Lapis Corridor color palette (#DEE6F9, #5C57CD, #693900, #002F2B, #000E0C)
• Washed Lilac color palette (#F0F0FF, #A575C8, #865B00, #004A50, #00222F)

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