Navy Lagoon color palette — #E8DECF · #417DB1 · #10357F · #001E27 · #01000B

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

The five colors

• Bone (#E8DECF): A whisper-light, dusty gold — the color of honey in a jar.
• Cerulean (#417DB1): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#10357F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Midnight (#001E27): A deep, shadowed, dusty blue — the color of deep harbor water.
• Black (#01000B): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Hushed Boulevard color palette (#EDE1CF, #008894, #004352, #00201B, #000103)
• Nightshade Courtyard color palette (#F1E7DC, #6CA9D7, #3645B3, #002B2B, #020007)
• Hushed Denim color palette (#E1F0F0, #6B97C0, #1356A7, #003850, #00022B)
• Aqua Coast color palette (#F1E8DA, #5AC5D5, #007695, #004C45, #001828)
• Worn Lagoon color palette (#FAF1E3, #7EE3E6, #0093A9, #006450, #002938)
• Peony Alley color palette (#F4EAF6, #CF64A8, #A34657, #361E5B, #060006)
• Aubergine Station color palette (#DDE2F8, #5900B9, #42006D, #1F002A, #050004)
• Weathered Cerulean color palette (#F6F1E9, #BCE2FF, #698FC5, #15697B, #3C2236)

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