Navy Coast color palette — #F3EFDC · #515B00 · #003AA5 · #002879 · #010100
Indigo and Navy set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F3EFDC): A whisper-light, dusty green — the color of new leaves after rain.
- Olive (#515B00): A full-bodied, balanced green — the color of a quiet forest floor.
- Indigo (#003AA5): A deep, shadowed, vivid violet — the color of wild irises.
- Navy (#002879): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Navy Coast 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
- Nightshade Field color palette (#E6E8D9, #045E13, #1F219D, #340012, #000200)
- Timeworn Navy color palette (#E6E2D3, #655300, #00497C, #00335A, #020100)
- Nocturne Aubergine color palette (#EDE4CC, #4F3D00, #3B0085, #2A0062, #030200)
- Tempered Aubergine Lagoon color palette (#C6E7DA, #00644E, #5F009E, #440074, #000201)
- Twilit Onyx Market color palette (#F0EEDE, #443C00, #003745, #410033, #020100)
- Mulberry Terrace color palette (#EAE7D5, #7E6F00, #00728B, #99007A, #020200)
- Soft Grape color palette (#D2F6F6, #007677, #7D22A5, #6F0070, #000202)
- Quiet Indigo color palette (#FFE9F2, #6E67FF, #8E6D00, #0B0D07, #020100)
Browse the whole catalog at Explore, or see today's palette.