Muted Lagoon Canyon color palette — #FBF2FA · #7E9FD4 · #5B9059 · #00786C · #263830

Fern and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2FA): bright and airy, almost weightless.
• Blue Fog (#7E9FD4): A luminous, balanced blue — the color of open sky before noon.
• Fern (#5B9059): A luminous, balanced green — the color of fresh herbs.
• Teal (#00786C): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#263830): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Muted 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 Canyon color palette (#FEF1F7, #AE9CE5, #2F977F, #007689, #3C2F3C)
• Aged Pier color palette (#FFF1F2, #BD72A8, #4B7546, #3C5A39, #263832)
• Antique Boulevard color palette (#FFF2EE, #CB888A, #A08B35, #5A7845, #2C3529)
• Wandering Lagoon color palette (#F9F4ED, #C7A557, #429F76, #247279, #372C39)
• Softworn Lagoon Thicket color palette (#F6F3FF, #D9ACDA, #ADAA6E, #439791, #283142)
• Quiet Iris Workshop color palette (#FFF0F7, #8E73DC, #007861, #005564, #281728)
• Worn Amber color palette (#FFF2EE, #EBA6AF, #BF7B6B, #2D7D76, #342424)
• Hushed Amber color palette (#FFF3E8, #EDA8B3, #C97A6C, #767043, #56433D)

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