Twilit Navy color palette — #E7E1C6 · #494E00 · #003370 · #3D0018 · #010100
A conversation between Navy and Onyx, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E7E1C6): A whisper-light, dusty green — the color of new leaves after rain.
- Deep Olive (#494E00): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#003370): A deep, shadowed, balanced blue — the color of open sky before noon.
- Onyx (#3D0018): A deep, shadowed, balanced red — the color of a theater curtain.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, 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
- Charred Aubergine color palette (#E7E5D1, #425700, #2F0095, #3B0005, #010100)
- Onyx Workshop color palette (#F8E9CE, #614E00, #003441, #320032, #020100)
- Weathered Olive color palette (#F4DBCC, #367600, #004545, #3E001C, #000703)
- Deep Hollow color palette (#DCE9D1, #00503D, #192325, #001214, #000201)
- Misty Loft color palette (#E0F2CF, #007E61, #4500C5, #5B0007, #000902)
- Aubergine Archive color palette (#D9ECD8, #006969, #70006F, #372500, #000500)
- Timeworn Aubergine Drift color palette (#FFF0F8, #007485, #5200BD, #390038, #030004)
- Antique Grove color palette (#E2E3DA, #AEB7A4, #5E999A, #1D5100, #0B0C02)
Browse the whole catalog at Explore, or see today's palette.