Weathered Canyon color palette — #FCF4E7 · #B3BA7F · #668D5D · #78586A · #37352F

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Sage (#B3BA7F): A luminous, dusty green — the color of new leaves after rain.
• Fern (#668D5D): A luminous, balanced green — the color of a quiet forest floor.
• Graphite (#78586A): A full-bodied, dusty pink — the color of a candy shop window.
• Espresso (#37352F): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Wandering Lagoon Quarry color palette (#FAF5E5, #A2BE97, #4E9072, #4C6C55, #36362F)
• Weathered Basalt color palette (#F8F5EB, #C7C89C, #6B9C82, #886772, #474500)
• Washed Pine color palette (#EEE4CC, #96AE7D, #3C8259, #5F4C71, #2C2A07)
• Emerald Summit color palette (#ECF9EE, #D1D696, #659A50, #5F5E89, #0D2F23)
• Patina Pine Thicket color palette (#EBF9F4, #8DA37C, #3C7235, #0A5658, #163D36)
• Airy Byzantium Boulevard color palette (#FFE8ED, #C690D8, #54AA70, #964EAE, #02411F)
• Turquoise Corridor color palette (#FDF3EE, #C4DCC5, #31A5C2, #2F7D59, #0B3F5D)
• Hushed Hollow color palette (#E4E0D0, #4F964F, #00624B, #4F215C, #001501)

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