Muted Canyon color palette — #F8F7DC · #93CD84 · #539861 · #676A63 · #3B3B34

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

The five colors

• Custard (#F8F7DC): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#93CD84): A luminous, balanced green — the color of new leaves after rain.
• Fern (#539861): A luminous, balanced green — the color of fresh herbs.
• Pewter (#676A63): quiet, heavy and certain.
• Charcoal (#3B3B34): quiet, heavy and certain.

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

• Washed Mint color palette (#F1F9E5, #65D2B1, #009C8A, #527355, #064536)
• Driftwood Orchard color palette (#FAF5E7, #C1CA97, #82995E, #65785E, #4E4200)
• Tempered Garden color palette (#FEF4E4, #D1E1A1, #51A66F, #00788C, #2B3303)
• Pine Coast color palette (#E5E7CF, #6BB97F, #068759, #1F6255, #262C09)
• Pale Turquoise Ridge color palette (#F6F7E5, #93ECF2, #00AFC3, #00837B, #004856)
• Wandering Fern color palette (#E8E2C5, #6D912E, #296200, #004140, #0A1300)
• Peony Harbor color palette (#E5EAFF, #808FFF, #DE4DB3, #008D9E, #272C52)
• Iris Thicket color palette (#F2F4FF, #E6D4E7, #E2B7FD, #7394D7, #57354A)

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