Lagoon Grove color palette — #F5F1E8 · #B4B790 · #4A8270 · #355F4F · #28290F

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

The five colors

• Cream (#F5F1E8): bright and airy, almost weightless.
• Sage (#B4B790): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#4A8270): A full-bodied, dusty teal — the color of shallow lagoons.
• Pine (#355F4F): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#28290F): 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

• Aged Pewter Ridge color palette (#FCEFE4, #C1B290, #677D53, #694B54, #2F2611)
• Wandering Corridor color palette (#F6F6ED, #ACB396, #3E826C, #416347, #3D4800)
• Tempered Cypress color palette (#F6F2E4, #8AAA87, #0A7563, #5E3C38, #1C1E00)
• Worn Summit color palette (#EBF9F5, #BBE4F4, #76AB98, #5A7C89, #18403E)
• Aged Cypress Workshop color palette (#F8F0EC, #C9E4D4, #6692BA, #1F6D58, #3B2334)
• Softworn Studio color palette (#FFEBF7, #F0CEDC, #E4B999, #578DA6, #452D37)
• Airy Aubergine color palette (#FFDDC6, #B58E34, #546300, #4D2A6E, #1E1400)
• Iris Drift color palette (#FFEBF6, #8A82CE, #808541, #477345, #2D1523)

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