Navy Coast color palette — #D1F2F4 · #8D7D00 · #00705D · #00367A · #000201
Built around Navy, softened by Olive Leaf — the whole palette hums with nature and growth.
The five colors
- Frost (#D1F2F4): A whisper-light, dusty blue — the color of open sky before noon.
- Olive Leaf (#8D7D00): A full-bodied, balanced green — the color of fresh herbs.
- Pine (#00705D): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00367A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.
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
- Timeworn Fern Study color palette (#DDF3EF, #AC6800, #336E00, #004351, #000200)
- Aged Emerald color palette (#C7EBF4, #29980A, #007076, #3B25A0, #000102)
- Dusty Emerald Villa color palette (#C9E8EA, #00A249, #007556, #004744, #000302)
- Softworn Moss color palette (#E9EFDF, #809E00, #009668, #00678A, #000505)
- Eclipse Cabin color palette (#E9F4DE, #006A60, #00345B, #210923, #0C0001)
- Hushed Drift color palette (#F5E9F3, #238792, #00415C, #002111, #00010A)
- Eclipse Forest Cabin color palette (#D0EBDE, #086B27, #00322B, #151500, #000200)
- Quiet Emerald Pier color palette (#C1E6FA, #00B250, #0092AE, #4B3DA7, #000813)
Browse the whole catalog at Explore, or see today's palette.