Navy Lagoon color palette — #C2EEE3 · #3B5C00 · #003284 · #001440 · #040000
Navy and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#C2EEE3): A whisper-light, dusty teal — the color of shallow lagoons.
- Deep Olive (#3B5C00): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#003284): A deep, shadowed, balanced violet — the color of wild irises.
- Midnight (#001440): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Nature, Growth, Trust, Stability, Calm, Depth. Tagged jewel, vibrant, dark, cool.
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
- Lowlit Hollow color palette (#D0EBD6, #735B00, #260093, #0B0040, #030003)
- Charred Summit color palette (#C2F6F9, #006438, #430088, #200047, #030100)
- Obsidian Ridge color palette (#D9F3DC, #775900, #003758, #001729, #030003)
- Forest Chapel color palette (#D4F0ED, #005E20, #42474F, #161B20, #000707)
- Aged Moss color palette (#F9EFDF, #939700, #00663B, #00201F, #000102)
- Olive Canyon color palette (#FFE8E4, #777D00, #004E4A, #310034, #000200)
- Navy Grove color palette (#F8E3F1, #761B00, #170067, #21002C, #040001)
- Misty Aubergine color palette (#EDF6FF, #006898, #6100A9, #44004C, #010100)
Browse the whole catalog at Explore, or see today's palette.