Lagoon Garden color palette — #EFF7F3 · #ABC9BC · #5B8D7E · #496E69 · #3E524A

A conversation between Fern and Graphite, giving this palette its sense of sophistication and grounding.

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Stone (#ABC9BC): A luminous, dusty teal — the color of sea glass.
• Fern (#5B8D7E): A luminous, dusty teal — the color of glacier melt.
• Graphite (#496E69): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#3E524A): 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

• Ancient Olive color palette (#EBF9F1, #93B9AA, #6A7B42, #29665A, #2C4A3E)
• Aged Petrol color palette (#EFF7F6, #D6DBEB, #759FBD, #32798C, #415568)
• Tempered Meadow color palette (#FBF4ED, #DED0AF, #93A376, #758369, #614900)
• Lagoon Study color palette (#D4E5E4, #448971, #005144, #003637, #002117)
• Wandering Hollow color palette (#EEF6FF, #A6C9EC, #5883B1, #165388, #1A3B58)
• Hushed Lagoon color palette (#EDF7FF, #649FC8, #9879BA, #068A71, #324554)
• Cobalt Courtyard color palette (#EDF6FF, #86B6DB, #C081AD, #2379B1, #534665)
• Chalky Fern color palette (#DAF1E9, #72A24C, #166D18, #004D50, #1B3600)

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