Lagoon Grove color palette — #F1F7F2 · #D3DDDD · #CFBAB3 · #15A3A7 · #424A42

Cerulean takes the lead with Stone close behind in a set that reads as sophistication and softness at first glance.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D3DDDD): bright and airy, almost weightless.
• Stone (#CFBAB3): A luminous, dusty orange — the color of autumn markets.
• Cerulean (#15A3A7): A luminous, balanced teal — the color of sea glass.
• Charcoal (#424A42): quiet, heavy and certain.

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

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

• Petrol Ridge color palette (#EFF7F9, #D7DBE5, #BBBFD4, #378189, #3F4A4E)
• Worn Lagoon color palette (#F0F7F4, #DDD5D2, #A5A99C, #63A5C6, #4C5551)
• Timeworn Thicket color palette (#F4F6F0, #D3DEDA, #B3C4C4, #60A071, #434E00)
• Basalt Garden color palette (#FBF4E9, #CBC6A1, #699D7B, #407B8A, #4C4300)
• Dusty Bronze Meadow color palette (#F2F9DE, #C1CEBB, #82A49A, #8C712A, #455205)
• Washed Cobalt color palette (#FAF2FB, #E8D5D4, #D2B9AF, #4188DB, #4B384C)
• Tempered Cerulean color palette (#D9E9E1, #299BCA, #5B4554, #1C332A, #141A14)
• Chestnut Alley color palette (#FFF3E5, #75C3AD, #5B8ABA, #865900, #2B442F)

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