Navy Lagoon color palette — #CBEDF2 · #007396 · #004478 · #000E7C · #060023

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

The five colors

• Frost (#CBEDF2): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Teal (#007396): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004478): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#000E7C): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#060023): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, 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

• Weathered Corridor color palette (#C4EAE6, #007583, #00526E, #002743, #000522)
• Nightshade Boulevard color palette (#CDE7E9, #0084A6, #006499, #292A9F, #0B0021)
• Frosted Sapphire color palette (#D0E4FD, #1C64CB, #824700, #00337A, #0D0400)
• Dusty Peony color palette (#DDEEFF, #A297D9, #B45DAE, #005364, #0A0A2A)
• Soft Nightshade color palette (#D3EBFE, #006AD2, #3A00C4, #38006A, #15001B)
• Aged Ultramarine Study color palette (#E4EAF9, #546FE9, #0025D0, #08005E, #00010D)
• Washed Denim color palette (#D1E7FF, #0059A1, #6F4100, #473D00, #000206)
• Sapphire Ridge color palette (#CCEDFF, #309CFD, #4158F4, #5736AC, #3B2057)

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