Navy Lagoon color palette — #CDF2E7 · #003A61 · #322A00 · #001711 · #000205

Navy and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#CDF2E7): A whisper-light, dusty teal — the color of sea glass.
• Navy (#003A61): A deep, shadowed, balanced blue — the color of open sky before noon.
• Espresso (#322A00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#001711): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#000205): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Depth. Tagged dark, 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

• Smoked Garnet color palette (#CCEBD4, #003F47, #550015, #131400, #000203)
• Aubergine Terrace color palette (#FEE1F0, #420C99, #342D32, #321500, #000C0A)
• Aubergine Thicket color palette (#FCE2F2, #31009B, #123300, #001617, #01000E)
• Faded Meadow color palette (#FCDCEE, #5400D5, #830032, #003032, #02000D)
• Mulberry Dune color palette (#FFE3E3, #79005C, #253E00, #002128, #100001)
• Deep Aubergine color palette (#F1D9DF, #43005C, #2C0D00, #000D03, #01000E)
• Petrol Field color palette (#C2E8DC, #0067A4, #5C5500, #00413C, #00211A)
• Nightshade Drift color palette (#EFD9E7, #4626C8, #304D00, #002E39, #1C0315)

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