Tempered Canyon color palette — #FCF4E7 · #B2B380 · #667D44 · #704E5A · #504100

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Sage (#B2B380): A luminous, dusty green — the color of fresh herbs.
• Olive (#667D44): A full-bodied, balanced green — the color of fresh herbs.
• Coffee (#704E5A): A full-bodied, dusty rose — the color of strawberry cream.
• Deep Olive (#504100): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Dusty Pewter color palette (#F9F1E5, #BFB389, #647E56, #674B5A, #2E270D)
• Hushed Grove color palette (#FDF4E2, #97A352, #4C6E34, #514946, #37362F)
• Tempered Jade Corridor color palette (#F4F8DF, #48BB8E, #007A6D, #71404C, #393C35)
• Patina Bloom color palette (#FFF2EC, #E3DAC3, #BDCA98, #9B7167, #6D3901)
• Muted Driftwood color palette (#EEF8EF, #A3D0BC, #7E9872, #667092, #2D493D)
• Timeworn Taupe color palette (#EDF8F1, #B9DFCD, #A6B475, #B4817F, #2E493D)
• Feathered Veranda color palette (#FFF2EC, #FA9C73, #A4572B, #683217, #49210C)
• Weathered Moss Meadow color palette (#F5EBC9, #6FA430, #006D2C, #602C5B, #1F3500)

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