Navy Coast color palette — #F0F1DF · #67874E · #00624A · #2F2B61 · #351838
Built around Navy, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#F0F1DF): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#67874E): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#00624A): A full-bodied, balanced teal — the color of sea glass.
- Navy (#2F2B61): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#351838): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, Balance. Tagged vintage, retro, muted.
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
- Hushed Cypress Coast color palette (#D2E6C7, #5B8C77, #17676C, #462B4D, #441E1C)
- Muted Fern color palette (#FAE1D0, #8D7C52, #605500, #003D5C, #182149)
- Worn Cypress color palette (#D9E8E0, #167B7A, #00485C, #331329, #2A0009)
- Antique Bronze Dune color palette (#FDDED9, #9C7936, #3E6243, #4F0E20, #2A040C)
- Gentle Mulberry Villa color palette (#E6EDD5, #229255, #800075, #004623, #33002D)
- Aged Courtyard color palette (#E4E7D4, #3F8B6A, #005047, #422800, #002114)
- Lagoon Meadow color palette (#E3E4D0, #86B274, #109877, #655B9B, #3C2143)
- Timeworn Olive Corridor color palette (#EBF3D3, #3F8800, #005A1B, #003622, #001D21)
Browse the whole catalog at Explore, or see today's palette.