Navy Coast color palette — #ECF9F2 · #817E37 · #006A53 · #3C3788 · #3B2131
Built around Indigo, softened by Walnut — the whole palette hums with nature and growth.
The five colors
- Ivory (#ECF9F2): bright and airy, almost weightless.
- Walnut (#817E37): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#006A53): A full-bodied, balanced teal — the color of shallow lagoons.
- Indigo (#3C3788): A deep, shadowed, balanced violet — the color of wild irises.
- Onyx (#3B2131): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
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
- Softworn Fern Quarry color palette (#EEF8EF, #976E23, #377035, #004871, #3A253A)
- Feathered Aubergine Hollow color palette (#EAF9F5, #61823B, #006A6F, #56246D, #142D1A)
- Gentle Denim Thicket color palette (#ECF8F5, #789358, #007179, #004B7C, #5F211D)
- Emerald Garden color palette (#F1F3E8, #409154, #006882, #253C7B, #220D15)
- Wandering Aubergine Coast color palette (#FFF1F5, #BA8F53, #55753A, #593E7D, #284434)
- Hazy Villa color palette (#E5FAFD, #007264, #004989, #630027, #00261E)
- Worn Forest Canyon color palette (#D6F3F1, #007137, #003E67, #48002D, #0F1200)
- Emerald Bloom color palette (#E9F9F7, #5AA460, #008DB1, #3A589C, #262637)
Browse the whole catalog at Explore, or see today's palette.