Twilit Navy color palette — #F9EBE0 · #00635C · #001D80 · #210F00 · #000203

Navy takes the lead with Pine close behind in a set that reads as sophistication and depth at first glance.

The five colors

• Cream (#F9EBE0): A whisper-light, dusty gold — the color of honey in a jar.
• Pine (#00635C): A full-bodied, dusty teal — the color of sea glass.
• Navy (#001D80): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#210F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#000203): quiet, heavy and certain.

Feels like: Sophistication, Depth, Luxury. Tagged retro, 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

• Shadow Aubergine color palette (#EBF3DA, #005E78, #3E0071, #111700, #000206)
• Midnight Forest color palette (#FFDCD9, #006641, #00334B, #2E0003, #000202)
• Softworn Navy Canyon color palette (#F2E4C8, #008599, #00427F, #3B0005, #000102)
• Softworn Boulevard color palette (#FCE3C8, #008474, #004795, #3F2500, #000E11)
• Muted Petrol Ridge color palette (#D7F1E1, #0C748A, #413D69, #232500, #0C0D00)
• Midnight Garnet color palette (#CCEDF9, #00545A, #55000B, #1D0B00, #030100)
• Washed Garden color palette (#F0DFED, #4198A3, #005070, #002E19, #00021A)
• Hushed Atelier color palette (#D4F0DB, #59722E, #004128, #00232D, #020300)

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