Twilit Navy Coast color palette — #D3E4E4 · #00607C · #190E85 · #140030 · #030003

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

The five colors

• Silver (#D3E4E4): bright and airy, almost weightless.
• Peacock (#00607C): A full-bodied, balanced blue — the color of open sky before noon.
• Indigo (#190E85): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#140030): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Depth, Luxury. Tagged dark.

Use it as a design system

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

• Onyx Coast color palette (#D9EFE9, #005C6A, #002B54, #0B0035, #030005)
• Aubergine Boulevard color palette (#CAE5F0, #2A54A9, #3B0069, #190019, #040001)
• Aubergine Study color palette (#F4F2D5, #00505B, #240064, #0D0B00, #000103)
• Aged Nightshade color palette (#CEECFA, #007AD0, #1728A3, #110037, #020006)
• Inked Navy color palette (#E7F0FE, #473D3B, #000F7F, #1A101C, #05000A)
• Pale Grove color palette (#D1F0EF, #007B9C, #003AAE, #2F005F, #060005)
• Onyx Studio color palette (#D5E1E9, #858E9C, #676884, #002E40, #000103)
• Lowlit Terrace color palette (#D4EFF2, #2B5B8C, #4A2B4C, #0B1C00, #020600)

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