Muted Canyon color palette — #F8F6E8 · #B2B193 · #57804E · #775107 · #484400

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

The five colors

• Ivory (#F8F6E8): bright and airy, almost weightless.
• Sage (#B2B193): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#57804E): A full-bodied, balanced green — the color of fresh herbs.
• Coffee (#775107): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#484400): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, 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

• Sunlit Ridge color palette (#FCEEC9, #ACB370, #738624, #496700, #3D522C)
• Softworn Lagoon Delta color palette (#F6F2E4, #B4B791, #2E8767, #72493F, #282913)
• Fern Market color palette (#F6F7E1, #C8E8CD, #A2D6C0, #71834C, #484D00)
• Chalky Olive color palette (#F8F6E7, #97A866, #C76B65, #5D6F00, #65312E)
• Frosted Forest color palette (#F5F9D4, #9DC298, #4E833E, #165100, #163706)
• Aged Drift color palette (#ECEDD8, #64A370, #006C43, #4D4300, #003913)
• Softworn Pier color palette (#E9FAF4, #C4DFAE, #93B88D, #7E9882, #314842)
• Bronze Canyon color palette (#FBF6DE, #869046, #008F7F, #A54B00, #3A3831)

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