Lagoon Grove color palette — #EFF8EC · #FEC1AE · #438C81 · #42533C · #282D26

Fern and Wheat set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EFF8EC): bright and airy, almost weightless.
• Wheat (#FEC1AE): A whisper-light, dusty orange — the color of autumn markets.
• Fern (#438C81): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#42533C): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#282D26): a grounded near-black with real depth.

Feels like: Sophistication. Tagged luxury, dark, 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

• Muted Lagoon color palette (#EEF7F8, #E1D4CD, #5E937F, #1E4F52, #101E1F)
• Petrol Orchard color palette (#E6FBF5, #FBADA9, #4175A8, #194C42, #172521)
• Worn Olive Market color palette (#F4F7ED, #E8DEBA, #99A47D, #667530, #2A2D23)
• Hushed Balcony color palette (#EEF7F7, #A0CCB8, #3A6765, #13413F, #1E282B)
• Weathered Seafoam Loft color palette (#F4F6EE, #A9E2B1, #A58FC8, #6B9972, #38292F)
• Jade Lagoon color palette (#F3F8E8, #6EBA81, #C07659, #6F6763, #38312D)
• Patina Seafoam Boulevard color palette (#FFF2EB, #62D4C8, #7B93BD, #995E36, #394D40)
• Weathered Taupe Atelier color palette (#F1F7F0, #D1DEDD, #B9B6AC, #8CA387, #50544F)

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