Lagoon Canyon color palette — #ECF3F5 · #D1D7DC · #B2BDCA · #00887A · #222F31

Fern and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#ECF3F5): a clean, paper-quiet neutral.
• Silver (#D1D7DC): bright and airy, almost weightless.
• Ash (#B2BDCA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#00887A): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#222F31): a grounded near-black with real depth.

Feels like: 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 Quarry color palette (#F3F6F0, #D1E0DD, #B0C6C6, #358472, #444A41)
• Ancient Petrol color palette (#EBF3FA, #D3D5E4, #B0C1D8, #0073A7, #122737)
• Tempered Basin color palette (#EAF5F0, #99BCB0, #687D52, #3E5E41, #062F24)
• Patina Petrol color palette (#D1E3EB, #008494, #143546, #011922, #00080B)
• Aged Abyss color palette (#DAE9EE, #91A3AA, #5B8295, #003F3F, #000508)
• Hushed Pewter Dune color palette (#D4EAFD, #A1B7D4, #7B88A5, #7A536E, #3E2F45)
• Tempered Station color palette (#EFF7F8, #D6DBE2, #BFB1B4, #36B59D, #344244)
• Aged Navy color palette (#DEF8F5, #49ADB3, #1B7690, #4A3976, #002734)

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