Navy Lagoon color palette — #DEE4D2 · #007D4B · #00505B · #001D7D · #1D2300
Built around Navy, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Parchment (#DEE4D2): A whisper-light, dusty green — the color of fresh herbs.
- Pine (#007D4B): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#00505B): A deep, shadowed, dusty blue — the color of deep harbor water.
- Navy (#001D7D): A deep, shadowed, vivid violet — the color of wild irises.
- Onyx (#1D2300): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged 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
- Powdered Aubergine Canyon color palette (#D7E6D5, #007973, #004B71, #33007A, #042701)
- Washed Olive Studio color palette (#E3E3CE, #437900, #005249, #003345, #2B1C00)
- Forest Pier color palette (#E5ECD1, #00672F, #35424A, #002014, #080B00)
- Wandering Lagoon color palette (#DDEEE5, #009D7D, #006657, #00423D, #002835)
- Navy Hollow color palette (#D8F3DD, #00545C, #00275C, #200033, #000A05)
- Tempered Navy Veranda color palette (#F0EED9, #617C0D, #123399, #49003A, #1E0001)
- Dusty Petrol Lantern color palette (#CFF6E9, #819D7C, #007A8A, #364477, #432848)
- Navy Drift color palette (#D4E7DA, #007589, #003E9B, #410368, #3E0125)
Browse the whole catalog at Explore, or see today's palette.