Navy Lagoon color palette — #F5E4EA · #339BCA · #0540A2 · #00302C · #17013E

Indigo takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Rose Water (#F5E4EA): A whisper-light, dusty rose — the color of pressed rose petals.
• Cerulean (#339BCA): A luminous, balanced blue — the color of open sky before noon.
• Indigo (#0540A2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Forest (#00302C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#17013E): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Aged Cerulean color palette (#F5E6F2, #00A2B2, #005072, #00321E, #010A40)
• Washed Denim Balcony color palette (#E3E9D5, #6190AE, #004D7C, #002A36, #00040F)
• Linen Petrol Meadow color palette (#DBF2F1, #63ABD6, #006BAB, #00475A, #00132E)
• Sapphire Dune color palette (#E1EEFC, #0075DB, #003664, #000E27, #00020B)
• Airy Plum color palette (#D5F0FF, #9798E3, #A75493, #004E4C, #091B3C)
• Tempered Cornflower color palette (#E6DDD5, #88B7D4, #4181DE, #006C71, #100045)
• Muted Petrol color palette (#E1F3FF, #00688B, #694200, #003144, #190C00)
• Cobalt Corridor color palette (#FEF1F9, #74DFFD, #1F84CF, #006952, #343B6A)

Browse the whole catalog at Explore, or see today's palette.