Lagoon Garden color palette — #F2F7F1 · #D2DDDB · #B1C4C4 · #208480 · #424B41

Built around Teal, softened by Stone — the whole palette hums with sophistication.

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D2DDDB): a clean, paper-quiet neutral.
• Stone (#B1C4C4): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#208480): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#424B41): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Tempered Lagoon color palette (#EFF3ED, #CEDBDA, #D3BBC2, #3C8378, #292E27)
• Worn Petrol Summit color palette (#EEF8F5, #ECD8DC, #CCB4C1, #006FB3, #2E453F)
• Hushed Abyss color palette (#E1EAE2, #A0ADA5, #67877D, #004044, #041908)
• Muted Canyon color palette (#EDF9F1, #C2D9CF, #8CA9CC, #006675, #22392B)
• Weathered Pine color palette (#F9F5EB, #B6B18A, #587F51, #276756, #4B4300)
• Aged Fern color palette (#E5FDE9, #99BDB0, #98748E, #83534E, #5F4D00)
• Washed Garden color palette (#FFF4E2, #53A7AA, #21719D, #7D3042, #244531)
• Hushed Denim color palette (#F2ECF2, #D4C8D0, #B696A4, #215497, #352935)

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