Tempered Canyon color palette — #EDF9ED · #B6B283 · #657C4D · #525871 · #2F493C

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

The five colors

• Ivory (#EDF9ED): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#B6B283): A luminous, dusty green — the color of new leaves after rain.
• Olive (#657C4D): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#525871): A full-bodied, dusty violet — the color of wild irises.
• Forest (#2F493C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Worn Pewter color palette (#FCEDF2, #BAB587, #617F55, #4B5372, #122E21)
• Tempered Lagoon Lagoon color palette (#EDF8F2, #9BCDC0, #578C8A, #646476, #3E524D)
• Timeworn Cabin color palette (#E0FDF2, #68B878, #007B66, #55496D, #224328)
• Hushed Archive color palette (#FFF3E7, #D1C3A0, #7C996E, #846877, #534000)
• Worn Cerulean Balcony color palette (#FAF2F8, #AAEBE7, #3F98AA, #406E51, #304B5F)
• Worn Sand color palette (#FFF0FE, #D9DACE, #E1CD8D, #99738E, #5B4857)
• Timeworn Cabin color palette (#D1EBE5, #4F9E77, #00625C, #453655, #052F30)
• Aged Parlor color palette (#FFF0FE, #E57B80, #009E9A, #984A4F, #1E4953)

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