Twilit Navy color palette — #E9E5CA · #485400 · #002A76 · #30002A · #0A0300
Navy and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E9E5CA): A whisper-light, dusty green — the color of fresh herbs.
- Deep Olive (#485400): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#002A76): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#30002A): A deep, shadowed, balanced pink — the color of peonies in June.
- Ink (#0A0300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Trust, Stability, Creativity, Depth. Tagged jewel, vibrant, dark.
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 Ridge color palette (#E1E6CC, #005F20, #390086, #370013, #0D0800)
- Forest Grove color palette (#EAEEDA, #006B23, #003A5E, #3C002D, #1A0F00)
- Onyx Basin color palette (#F2E6D1, #513E00, #003040, #26003F, #110000)
- Charred Nightshade Lantern color palette (#E6E6CC, #2D5A00, #260C97, #100055, #030000)
- Eclipse Abyss color palette (#E3ECD5, #005335, #2A3238, #001311, #020400)
- Nightshade Terrace color palette (#CEE5E2, #638517, #3E2AA7, #2F2779, #0E000B)
- Olive Field color palette (#E9DDCA, #227A00, #00483E, #370052, #001C0C)
- Washed Aubergine color palette (#E9F5D2, #127B35, #3F0093, #580027, #1D1600)
Browse the whole catalog at Explore, or see today's palette.