Lagoon Canyon color palette — #FBF5E5 · #A5BE8C · #3B9461 · #7A5F13 · #36362F

Fern takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FBF5E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sage (#A5BE8C): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#3B9461): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#7A5F13): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#36362F): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Lagoon Canyon 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

• Lagoon Corridor color palette (#F5F7E8, #7EC5AE, #009295, #8D522B, #2E3A22)
• Aged Coast color palette (#FEF3E8, #BEB67F, #6B8E2E, #367060, #38352E)
• Patina Lagoon color palette (#F7F6E9, #C0CAA0, #39A38F, #7D7329, #3E4800)
• Fern Basin color palette (#E9FAF3, #89A66E, #427039, #2D5448, #1E3C35)
• Gentle Peony color palette (#D8ECCF, #00AD98, #E04492, #AE6116, #213019)
• Washed Cypress Veranda color palette (#EBE6D3, #70A167, #007254, #474900, #1B1D00)
• Weathered Hollow color palette (#EADDC7, #6E7D2A, #005512, #003331, #050700)
• Airy Courtyard color palette (#D5EBD3, #37C39A, #009587, #00656B, #003F4D)

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