Navy Lagoon color palette — #DCF2F2 · #006D42 · #004692 · #00331C · #00020B
Built around Indigo, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Frost (#DCF2F2): A whisper-light, dusty teal — the color of glacier melt.
- Pine (#006D42): A full-bodied, balanced teal — the color of glacier melt.
- Indigo (#004692): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#00331C): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#00020B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.
Use it as a design system
One click turns Navy Lagoon 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
- Worn Fern color palette (#CFEBE2, #4B6600, #005267, #212F00, #000305)
- Faded Aubergine Veranda color palette (#D3EEF6, #00696A, #5315AE, #003131, #040011)
- Timeworn Market color palette (#C1EBEF, #006B55, #644100, #003227, #050200)
- Obsidian Boulevard color palette (#CFE7DE, #007F64, #004735, #001710, #000201)
- Ultramarine Study color palette (#E0EACD, #008E56, #0063C5, #005330, #000F27)
- Olive Loft color palette (#C8E8F6, #008FA2, #6D7100, #00505B, #131300)
- Amethyst Basin color palette (#FBE0F0, #7132FE, #006D83, #070D12, #000103)
- Airy Mulberry Canyon color palette (#E5EAD9, #007240, #83006E, #00371C, #21001B)
Browse the whole catalog at Explore, or see today's palette.