Navy Coast color palette — #DCF2F0 · #00743B · #005A7D · #0E238B · #000702
Built around Indigo, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DCF2F0): A whisper-light, dusty teal — the color of shallow lagoons.
- Pine (#00743B): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005A7D): A full-bodied, balanced blue — the color of deep harbor water.
- Indigo (#0E238B): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#000702): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Creativity, 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
- Linen Pine color palette (#D2F7F3, #007429, #005088, #00294A, #000200)
- Gentle Parlor color palette (#CDEBF2, #00605B, #1921BC, #390062, #000203)
- Aubergine Canyon color palette (#D6EEF4, #007670, #004B6B, #240070, #130012)
- Dusty Pine color palette (#D1E3DD, #008752, #00574B, #002C53, #000F08)
- Cellar Ridge color palette (#E7E9D6, #464800, #381088, #1F0055, #050500)
- Tempered Grape Ridge color palette (#C5EAF8, #007E86, #633EC9, #621977, #001112)
- Wandering Lagoon color palette (#D4ECE6, #569800, #006153, #2B5100, #000203)
- Sapphire Workshop color palette (#F6EED1, #818100, #006ED3, #772C92, #050500)
Browse the whole catalog at Explore, or see today's palette.