Lagoon Grove color palette — #F0F3E9 · #A9BA95 · #2E8673 · #425D42 · #232A1A

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F0F3E9): bright and airy, almost weightless.
• Sage (#A9BA95): A luminous, dusty green — the color of fresh herbs.
• Fern (#2E8673): A full-bodied, balanced teal — the color of glacier melt.
• Pine (#425D42): A full-bodied, dusty green — the color of a quiet forest floor.
• Onyx (#232A1A): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Cypress Field color palette (#EFF4E9, #73AE9D, #00756B, #255043, #132009)
• Aged Lagoon Loft color palette (#EAF9F8, #8FD6B6, #4EA18C, #537982, #2E4849)
• Weathered Cerulean Studio color palette (#F1F3EC, #BDE8D3, #4A97C0, #006A7A, #13332A)
• Ancient Moss Canyon color palette (#ECE5CE, #8BA030, #446800, #004943, #131900)
• Olive Hollow color palette (#EAE0CA, #6C6C1B, #313B00, #00251D, #030300)
• Onyx Canyon color palette (#E8E0CE, #7C7D3A, #3E4A00, #4F0C19, #0B0700)
• Worn Mallow Boulevard color palette (#FFECF2, #E4D2CE, #FBB4E6, #7D71A6, #412D32)
• Feathered Garden color palette (#FFECF2, #A476CA, #C55664, #2D71A0, #2B171E)

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