Twilit Navy Garden color palette — #F2F1D7 · #2A3E00 · #0A0086 · #290012 · #010100
Indigo takes the lead with Forest close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F2F1D7): A whisper-light, dusty green — the color of a quiet forest floor.
- Forest (#2A3E00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Indigo (#0A0086): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#290012): A deep, shadowed, dusty rose — the color of a warm blush.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged dark.
Use it as a design system
One click turns Twilit Navy Garden 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
- Aubergine Chapel color palette (#D9ECCF, #004036, #34006B, #2B0004, #000200)
- Navy Hollow color palette (#EEF0D6, #164800, #1B241E, #120063, #120400)
- Nocturne Terrace color palette (#CFF6FB, #005B4D, #003682, #1E0047, #000201)
- Inked Garnet Study color palette (#FFE8DB, #5E1F00, #002E41, #220027, #030000)
- Aubergine Ridge color palette (#DBF0EB, #356000, #56218F, #370065, #010200)
- Deep Fern Thicket color palette (#E4E2D3, #4D6100, #002C4A, #192200, #000201)
- Aubergine Bloom color palette (#DAE6CB, #006244, #670087, #481400, #000301)
- Muted Mulberry color palette (#CBECDB, #007695, #9B0085, #553300, #000D13)
Browse the whole catalog at Explore, or see today's palette.