Lagoon Garden color palette — #EEF8F3 · #9CCDC1 · #568C88 · #4D6C71 · #41514D

A conversation between Storm Blue and Pistachio, giving this palette its sense of sophistication and grounding.

The five colors

• Ivory (#EEF8F3): bright and airy, almost weightless.
• Pistachio (#9CCDC1): A luminous, dusty teal — the color of glacier melt.
• Storm Blue (#568C88): A luminous, dusty teal — the color of glacier melt.
• Graphite (#4D6C71): A full-bodied, dusty blue — the color of deep harbor water.
• Charcoal Brown (#41514D): A full-bodied, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Dusty Stone color palette (#ECF9F2, #A4B887, #5B7E5A, #455C72, #2B4941)
• Ash Summit color palette (#F0F7F1, #CFE2F5, #67A4B1, #43797D, #415663)
• Dusty Delta color palette (#F9F5EB, #D6D2B5, #81A687, #708370, #574E00)
• Dusty Sky Station color palette (#EBF7FF, #70C0F7, #5F8AC0, #4F628A, #454F66)
• Antique Drift color palette (#D2EBE7, #3AA177, #006357, #174355, #003031)
• Wandering Drift color palette (#EFF6FF, #8CB0EF, #B99155, #5673A5, #3B553C)
• Dusty Pier color palette (#F0F5FF, #7593EA, #BB736A, #4C817D, #384354)
• Pale Olive Boulevard color palette (#D1EADA, #78811C, #2B5000, #00334A, #1A1D00)

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