Muted Canyon color palette — #F9F5E8 · #ADB073 · #BF8A9B · #A2695F · #3F3D36

Sage and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5E8): bright and airy, almost weightless.
• Sage (#ADB073): A luminous, balanced green — the color of a quiet forest floor.
• Dusty Rose (#BF8A9B): A luminous, dusty rose — the color of pressed rose petals.
• Mocha (#A2695F): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Tempered Boulevard color palette (#F8F6E7, #9EAA65, #A47084, #8F5547, #37332D)
• Mustard Parlor color palette (#EDF8F2, #D0C47C, #C7A7DF, #BF8C77, #324139)
• Antique Teal color palette (#EDFAEA, #67BCB5, #8999CC, #7D7E50, #344132)
• Softworn Lagoon Dune color palette (#F3F7ED, #60A07B, #757BA6, #695386, #3C3E37)
• Weathered Dune color palette (#F5F7E4, #92B785, #62A7BC, #587EA5, #3F4000)
• Muted Taupe Harbor color palette (#F3F7F0, #D3DCD8, #A5B4B6, #8FA37D, #50544B)
• Lilac Drift color palette (#EAF8FF, #72D3EB, #BA9FE4, #9E709A, #22353D)
• Hushed Turquoise Garden color palette (#F3F6EF, #C9D8B0, #4FABB6, #5B9C7B, #263128)

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