Lagoon Garden color palette — #F2F7F2 · #D3DCDC · #BBAEA5 · #4C8F8F · #4F544E

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

The five colors

• Ivory (#F2F7F2): bright and airy, almost weightless.
• Silver (#D3DCDC): bright and airy, almost weightless.
• Ash (#BBAEA5): a calm mid-gray that lets other colors speak.
• Storm Blue (#4C8F8F): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#4F544E): a grounded near-black with real depth.

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 Stone color palette (#EDF7FA, #D6DBE4, #B8AFBC, #736C64, #4D5456)
• Lagoon Coast color palette (#ECF3F6, #D2D7DF, #B3AFC0, #4C8F95, #2F383B)
• Dusty Chestnut color palette (#FFF3E6, #6DB7B0, #4E7CA3, #7C4D12, #374E3E)
• Weathered Field color palette (#F9F5ED, #C6C2A3, #7C8943, #546E55, #574E00)
• Bronze Harbor color palette (#F0F8E9, #BDCEC2, #9B879A, #8C6223, #3C5514)
• Antique Spruce Station color palette (#DBE4DD, #8D9E97, #7F687B, #003137, #020C04)
• Denim Canyon color palette (#E8F1ED, #D2C9D2, #B198A6, #005D7B, #1B3429)
• Navy Field color palette (#EAE4EB, #C3B4BD, #A7828E, #00457E, #28182B)

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