Twilit Navy color palette — #CDE8D5 · #005662 · #002579 · #2E1100 · #00080A

Navy takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#CDE8D5): A whisper-light, dusty teal — the color of sea glass.
• Peacock (#005662): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#002579): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#2E1100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00080A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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

• Lowlit Aubergine Delta color palette (#D3F4E7, #005479, #39006D, #281900, #000811)
• Charred Onyx color palette (#E4F4E4, #004C4C, #00374C, #34000E, #000906)
• Aubergine Grove color palette (#DFE7CB, #006939, #300795, #271E00, #001708)
• Pine Harbor color palette (#F0DFC8, #007952, #004261, #322000, #001B1A)
• Navy Canyon color palette (#D6EFDC, #008A7F, #004F63, #002264, #220046)
• Abyss Ridge color palette (#EAF2E9, #ACBEB6, #A0849A, #004F4F, #142414)
• Garnet Thicket color palette (#F3E2ED, #4549A0, #76003B, #1A2B00, #0A0A2D)
• Charred Orchard color palette (#FDE7F4, #27007D, #30003A, #0C0800, #000206)

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