Worn Canyon color palette — #FFF3E4 · #B3BC6E · #5B8E63 · #775A67 · #37352F

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

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Sage (#B3BC6E): A luminous, balanced green — the color of fresh herbs.
• Fern (#5B8E63): A full-bodied, balanced green — the color of new leaves after rain.
• Graphite (#775A67): A full-bodied, dusty rose — the color of a warm blush.
• 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 Worn 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

• Lagoon Bloom color palette (#F8F6E4, #77C8A0, #009393, #7C5959, #343730)
• Chalky Jade Alley color palette (#EEE4CA, #7EB672, #00856D, #6C466A, #2A2B07)
• Softworn Emerald color palette (#EEF8F0, #ABDDC9, #649A5D, #66598E, #033023)
• Worn Pier color palette (#F9F5EA, #C8CFA0, #93AA67, #AD726B, #37352F)
• Tempered Fern color palette (#E6FBEF, #77A794, #596A34, #6B3C38, #1B3D31)
• Hushed Azure color palette (#FFF2EC, #97E2F2, #4F9ED2, #317C5E, #4A3145)
• Quiet Emerald color palette (#E9E4D5, #239D3C, #006154, #4D294A, #001502)
• Antique Coral Courtyard color palette (#FFEADF, #FF7B5D, #00A6C6, #AE523E, #003C4A)

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