Navy Lagoon color palette — #E5F4E8 · #007780 · #02099D · #002D31 · #000010
A conversation between Indigo and Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#E5F4E8): A whisper-light, dusty teal — the color of sea glass.
- Teal (#007780): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Indigo (#02099D): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Forest (#002D31): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#000010): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged duotone, vibrant, 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
- Washed Balcony color palette (#E2EFDF, #007971, #00355D, #002E2A, #000206)
- Gentle Atelier color palette (#DEF5EC, #0070A1, #44007A, #002A40, #03000A)
- Twilit Canyon color palette (#F9E9D0, #006084, #1E0090, #2F0C00, #000C1B)
- Misty Navy color palette (#D6ECF2, #0071A3, #003986, #120060, #120030)
- Hushed Boulevard color palette (#DBE5D6, #007968, #5B005E, #00322A, #040001)
- Aubergine Chapel color palette (#D5EAE3, #0098A8, #006CBF, #4F00AB, #000636)
- Grape Courtyard color palette (#D4EEF3, #00988C, #6000C9, #00514A, #01000F)
- Charred Aubergine color palette (#D3E4DE, #004F77, #47004E, #250A00, #040A00)
Browse the whole catalog at Explore, or see today's palette.