Twilit Navy color palette — #F3F1DA · #415300 · #130F7C · #300020 · #0A0400
Built around Deep Indigo, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#F3F1DA): A whisper-light, dusty green — the color of fresh herbs.
- Deep Olive (#415300): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Indigo (#130F7C): A deep, shadowed, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#300020): A deep, shadowed, balanced rose — the color of strawberry cream.
- Ink (#0A0400): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Creativity, Depth, Luxury. 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
- Smoked Onyx Pier color palette (#ECEFE1, #005018, #270059, #24000C, #030200)
- Aged Forest Garden color palette (#E7EFD5, #00693A, #003961, #3B002E, #1C0E00)
- Onyx Chapel color palette (#ECDEBD, #4E4100, #00334A, #260038, #0F0100)
- Charred Abyss color palette (#DCE4D5, #00523E, #1F262C, #001401, #020400)
- Aged Aubergine color palette (#EAFBD1, #007543, #570095, #5D0020, #1B1600)
- Wandering Pine color palette (#DDE8D8, #008D42, #005444, #002E2C, #041522)
- Pine Coast color palette (#D2EFEB, #008532, #005C65, #5A003B, #000A01)
- Softworn Forest color palette (#EBECE2, #B6BBAE, #84937E, #115304, #1F2110)
Browse the whole catalog at Explore, or see today's palette.