Lagoon Canyon color palette — #FBF2F8 · #C1E7F9 · #6BB9F9 · #00A47E · #2E3662

Built around Fern, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Frost (#C1E7F9): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#6BB9F9): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00A47E): A luminous, balanced teal — the color of glacier melt.
• Navy (#2E3662): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, 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

• Dusty Canyon color palette (#FCF1FB, #8DECF2, #00BAF5, #009E56, #002E6F)
• Iris Grove color palette (#F8EAEF, #B7D7F6, #899CFA, #009094, #362151)
• Hushed Sky Garden color palette (#F0F7F2, #D9E0EB, #31B4EB, #007F7C, #11304B)
• Aged Teal color palette (#F9F3F8, #D7D5E5, #B7BFE9, #5AB696, #47536A)
• Frosted Emerald Study color palette (#D8F6F4, #87D3A1, #F997C9, #00A15A, #59193E)
• Worn Cobalt Corridor color palette (#E6DCE2, #70AAC0, #2176C8, #005F4F, #07002A)
• Chalky Pine Courtyard color palette (#F4EDF5, #6FC1BA, #0092AE, #19720A, #001528)
• Wandering Bronze color palette (#DCEDE0, #9FCDBC, #B69A55, #AB6635, #0D3834)

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