Navy Lagoon color palette — #D7E8EA · #0085B5 · #003D83 · #15003F · #020006
Navy and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D7E8EA): a clean, paper-quiet neutral.
- Cerulean (#0085B5): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#003D83): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#15003F): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#020006): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: 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
- Smoked Corridor color palette (#D0EDEE, #006A89, #002B6E, #14003D, #0A0012)
- Cellar Lagoon Grove color palette (#D1E4DD, #008587, #004B65, #000F2B, #01000A)
- Powdered Sapphire Balcony color palette (#DCECF4, #3369D7, #422A98, #1B0024, #040002)
- Hushed Canyon color palette (#E0F1FF, #3C85CC, #2157C7, #2300B4, #030017)
- Hushed Cobalt Quarry color palette (#D5E5EA, #5F7DB9, #543E6B, #1C1F00, #010300)
- Abyss Grove color palette (#E8F2F7, #AEBCCC, #8691AF, #004355, #000103)
- Airy Aubergine color palette (#E2F6FF, #82BCFF, #6D6ED5, #561386, #1F001C)
- Shadow Garnet Cabin color palette (#DBF0FF, #005C7E, #56001E, #182427, #0C0600)
Browse the whole catalog at Explore, or see today's palette.