Lagoon Grove color palette — #F3F2E7 · #B1B88D · #428468 · #674963 · #262918

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F3F2E7): bright and airy, almost weightless.
• Sage (#B1B88D): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#428468): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#674963): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#262918): 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

• Driftwood Veranda color palette (#F5F1EB, #CCC3A7, #758C54, #725964, #33312A)
• Hushed Drift color palette (#F4F2E6, #83AD80, #00784F, #5E384F, #1C1E02)
• Wandering Villa color palette (#E5FBF4, #A0D4A2, #5D9F82, #657287, #304845)
• Feathered Mulberry color palette (#FFEDEC, #D28AB0, #00A584, #984073, #1D2D0D)
• Wandering Courtyard color palette (#F5F1EB, #C2E6D3, #5295C0, #006C6F, #372439)
• Jade Corridor color palette (#E2E9C8, #00AE84, #006A62, #3D3270, #001C12)
• Ancient Lagoon Study color palette (#E3E3D1, #45895E, #00503F, #45162C, #060900)
• Lowlit Basin color palette (#DFE1CA, #007C4A, #004034, #16144B, #000401)

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