Lagoon Canyon color palette — #F3F7ED · #BCE0DD · #B8BFCB · #2F9360 · #222717

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

The five colors

• Ivory (#F3F7ED): bright and airy, almost weightless.
• Silver (#BCE0DD): A whisper-light, dusty teal — the color of shallow lagoons.
• Ash (#B8BFCB): soft and architectural.
• Fern (#2F9360): A full-bodied, balanced teal — the color of glacier melt.
• Onyx (#222717): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Hollow color palette (#EEF8F1, #CCE1E0, #A1BBC8, #5695A2, #28312B)
• Ancient Quarry color palette (#F4F6ED, #CAE0D4, #A4CABE, #45B16A, #2F3800)
• Olive Veranda color palette (#F9F5E9, #BEE3CF, #7FAAAC, #868300, #2B240C)
• Muted Forest color palette (#EAF4F3, #C4D8DA, #7CB8B5, #006E35, #011F1E)
• Abyss Summit color palette (#E5ECE1, #B2BFB0, #809A83, #00473C, #000200)
• Seafoam Balcony color palette (#E8FDD8, #A6F1E7, #18F2C7, #00ABB0, #001A16)
• Wandering Bloom color palette (#EDF8F2, #C1E2E3, #A1C3B9, #006A84, #050F0A)
• Worn Lagoon color palette (#BAFEF1, #009282, #003233, #130D15, #020A00)

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