Muted Canyon color palette — #FEF2EE · #A4EFF4 · #54BFED · #649A74 · #493149

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

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Sea Foam (#A4EFF4): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#54BFED): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#649A74): A luminous, balanced teal — the color of sea glass.
• Charcoal (#493149): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Muted 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

• Worn Garden color palette (#FBF4EC, #C3E5FF, #9BAFED, #489B9A, #502E3E)
• Tempered Study color palette (#FCF3F0, #BFE4E9, #92D1EA, #9FA780, #5D4B5F)
• Turquoise Grove color palette (#EEF8F0, #9DE2E8, #42A4BC, #2C7B6B, #213E51)
• Airy Archive color palette (#F8DAF3, #86ACFF, #B5A73A, #779A5D, #3A2137)
• Tempered Turquoise color palette (#FEF0FF, #E6D4E4, #F7BBA7, #67B7C3, #4F3845)
• Azure Canyon color palette (#F4E4DD, #7CCEE0, #2D9BDE, #00815D, #101A46)
• Pale Iris Harbor color palette (#D3F8FF, #58C8FF, #6C96FD, #6C68B2, #483056)
• Wandering Cerulean Coast color palette (#F7EFF4, #A4CFDF, #0089AC, #005E44, #00223C)

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