Tempered Canyon color palette — #F0F7F4 · #CFDCDE · #9FBAB4 · #636927 · #323D39

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#CFDCDE): bright and airy, almost weightless.
• Ash (#9FBAB4): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#636927): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#323D39): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Timeworn Pewter Archive color palette (#ECF4F0, #C8DADE, #9FBEBF, #6A673A, #16241D)
• Washed Driftwood Ridge color palette (#F8F5ED, #D1DFCF, #B3C4B9, #878444, #3D3A34)
• Patina Forest Drift color palette (#EBF8F8, #B9DADC, #6CB7A9, #006C43, #173939)
• Aged Fern color palette (#EDF8F2, #9BA061, #586C19, #524C1D, #1F3C31)
• Timeworn Pier color palette (#EFF7F7, #D4DBE0, #B0AAB5, #598F7B, #4C5455)
• Tempered Fern color palette (#D9E3E0, #AABEBA, #6A9894, #384D00, #11231F)
• Timeworn Market color palette (#DFEAEC, #899EA3, #537783, #00332C, #000C0E)
• Feathered Veranda color palette (#E0FDF6, #BDC65F, #72C200, #008A51, #0C3E38)

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