Lagoon Lagoon color palette — #EDF9F1 · #9CCDBB · #578D83 · #506C6D · #3D524B

Storm Blue and Pistachio set the tone — five colors that lean into sophistication and grounding.

The five colors

• Ivory (#EDF9F1): bright and airy, almost weightless.
• Pistachio (#9CCDBB): A luminous, dusty teal — the color of shallow lagoons.
• Storm Blue (#578D83): A luminous, dusty teal — the color of shallow lagoons.
• Graphite (#506C6D): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#3D524B): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Lagoon 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

• Olive Corridor color palette (#EBF9F0, #AFB57F, #637D4B, #435D70, #33483F)
• Antique Ash color palette (#F0F7F1, #DADDEE, #829AC0, #437786, #485367)
• Hushed Fern Hollow color palette (#FAF4EC, #D9D1B6, #9D9E7C, #72836D, #5C4C00)
• Dusty Ridge color palette (#E5FAF7, #56AF85, #007364, #2C505F, #133D3D)
• Tempered Sky color palette (#EEF6FF, #76B6F2, #BB8E62, #4F769B, #61434E)
• Cobalt Studio color palette (#EFF6FF, #AECAFF, #607FB1, #3A4F75, #233651)
• Muted Periwinkle color palette (#EEF6FF, #689ADA, #B5757A, #657F58, #364454)
• Tempered Market color palette (#D7E8D9, #887B07, #3E4B00, #003442, #002113)

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