Navy Lagoon color palette — #F8EDE7 · #3F8397 · #003F63 · #00201C · #00000B

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

The five colors

• Cream (#F8EDE7): bright and airy, almost weightless.
• Cerulean (#3F8397): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#003F63): A deep, shadowed, balanced blue — the color of deep harbor water.
• Ink (#00201C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#00000B): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Antique Navy color palette (#EADED1, #587C9F, #212B8C, #001E24, #020008)
• Softworn Denim Loft color palette (#ECDCD2, #689580, #004B83, #002C2A, #01001D)
• Inked Cypress color palette (#D7ECE6, #006C60, #003830, #1C1A20, #000A08)
• Aged Denim color palette (#DAEAE8, #72ACBF, #005D7B, #002B2F, #000103)
• Wandering Delta color palette (#F1E7DE, #8FBFB0, #4B68AB, #004A52, #16083C)
• Dusty Forest Dune color palette (#F8F0EC, #B4D0B3, #1F89A0, #005F3A, #002337)
• Linen Cobalt color palette (#D9E7C9, #319BA1, #1A6DBB, #213C00, #000202)
• Charred Grove color palette (#E2EED5, #005A42, #6A0053, #002519, #040002)

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