Lagoon Grove color palette — #F9F3F7 · #D6D4E2 · #8CC1EB · #3A9575 · #333D61

A conversation between Fern and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D6D4E2): bright and airy, almost weightless.
• Sky (#8CC1EB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#3A9575): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#333D61): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Washed Garden color palette (#FBF3F5, #D9D4DE, #C7BCE6, #4DA1A6, #4A4B63)
• Muted Periwinkle color palette (#FDF2F7, #D7D4DF, #79A6F1, #008075, #2D2751)
• Hushed Drift color palette (#F8F5EF, #C0EBE6, #62CBFA, #57A8A3, #235146)
• Cerulean Study color palette (#FCF3EE, #AEE7F5, #5191BF, #317058, #583E52)
• Hazy Emerald color palette (#E7FAFA, #98E8C2, #E4A1D6, #00A372, #4F2948)
• Antique Denim color palette (#ECE1EC, #69B0B4, #005D7C, #002E15, #000105)
• Hushed Stone color palette (#E2FBF9, #D3DFEB, #B9B16E, #B6ABB0, #1F4B52)
• Muted Bronze Workshop color palette (#EAFAED, #BFE8D7, #B29B6B, #955A36, #0C3A35)

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