Lagoon Canyon color palette — #F2F8E6 · #3E9364 · #2B6E49 · #0E477C · #372317

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

The five colors

• Ivory (#F2F8E6): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#3E9364): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#2B6E49): A full-bodied, balanced teal — the color of sea glass.
• Navy (#0E477C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Espresso (#372317): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, 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

• Aged Lagoon color palette (#EFF8EC, #009473, #11608C, #1D3E6E, #36230D)
• Dusty Olive Loft color palette (#FAF5E3, #7E8333, #416C37, #00494B, #391F1B)
• Weathered Lagoon color palette (#F2F7ED, #51A184, #2E775F, #564779, #393730)
• Aubergine Pier color palette (#F7F6E8, #6F863D, #006944, #592D68, #2F2A13)
• Timeworn Chapel color palette (#FFF3E8, #C08C44, #397A47, #524570, #403D36)
• Timeworn Villa color palette (#E7FCE7, #007D7E, #006364, #58006E, #222100)
• Frosted Forest color palette (#FFE9DF, #CFA56A, #727A31, #135E27, #00453F)
• Denim Orchard color palette (#FEF4E6, #B99157, #008498, #5B4F9E, #3D1F15)

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