Navy Lagoon color palette — #E2EFE5 · #4F7DA4 · #0F3779 · #001E27 · #01000B

Navy and Slate set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E2EFE5): a clean, paper-quiet neutral.
• Slate (#4F7DA4): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#0F3779): A deep, shadowed, balanced violet — the color of a velvet chair.
• 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

• Lagoon Lagoon color palette (#E5F0E7, #26878F, #004351, #00201A, #000103)
• Weathered Station color palette (#F7EAEE, #80A7C6, #3A49A6, #002B2C, #020007)
• Weathered Cypress Grove color palette (#E0F4F5, #007076, #514E47, #003135, #000A0B)
• Petrol Market color palette (#E1EDE3, #8EBBCD, #007793, #004C43, #001827)
• Ancient Cerulean Courtyard color palette (#D3F5FF, #0096B1, #33649C, #00392B, #000202)
• Misty Pier color palette (#F1E7D9, #6A9F90, #1551B2, #003947, #05002C)
• Lowlit Parlor color palette (#D4F7FF, #005854, #72002C, #002422, #040001)
• Cerulean Harbor color palette (#E8F6EB, #A1DCDC, #0093A6, #00644E, #002A38)

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