Lagoon Canyon color palette — #EBF4F3 · #D1D9E0 · #B6B0C3 · #628F72 · #313837

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

The five colors

• Ivory (#EBF4F3): a clean, paper-quiet neutral.
• Silver (#D1D9E0): bright and airy, almost weightless.
• Ash (#B6B0C3): A luminous, dusty violet — the color of a velvet chair.
• Fern (#628F72): A luminous, dusty teal — the color of glacier melt.
• Charcoal (#313837): quiet, heavy and certain.

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

• Petrol Field color palette (#ECF3F7, #D8D8E4, #C6B9D0, #2D8099, #252E33)
• Weathered Lagoon Harbor color palette (#EDF7F8, #D3DCE3, #B1AAB3, #5D8B8D, #4B5555)
• Softworn Abyss Thicket color palette (#D9E0E3, #A8B5C3, #838CAB, #004D58, #000D14)
• Timeworn Chapel color palette (#DCF9F1, #ACD0D7, #7E94AA, #7C636D, #513F46)
• Softworn Spruce Bloom color palette (#DFEDEE, #7B929A, #506E8A, #003224, #000202)
• Muted Cerulean Alley color palette (#FBECFA, #88BA8C, #0085A5, #764040, #1C3032)
• Indigo Dune color palette (#EAF5F0, #9BA268, #7962AA, #684308, #182D16)
• Weathered Seafoam color palette (#E8F5F7, #EBFAAC, #5FDDC4, #7F9ED6, #16343F)

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