Tempered Canyon color palette — #F3F3E6 · #8CB172 · #A678BB · #417500 · #361842

A conversation between Olive and Dusty Rose, giving this palette its sense of nature and growth.

The five colors

• Cream (#F3F3E6): bright and airy, almost weightless.
• Sage (#8CB172): A luminous, balanced green — the color of new leaves after rain.
• Dusty Rose (#A678BB): A luminous, balanced violet — the color of wild irises.
• Olive (#417500): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#361842): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Weathered Wisteria color palette (#F6F6E7, #85AD6C, #B56FCF, #3C6E0B, #50375A)
• Wandering Iris color palette (#F7F1E5, #B3A55D, #8883CE, #746400, #251E4E)
• Washed Peony Field color palette (#ECF5E6, #6DB4A2, #B573A8, #007663, #3B1934)
• Worn Pine Courtyard color palette (#E7FAF8, #89C999, #B299FC, #1C904B, #3B405F)
• Airy Mulberry Hollow color palette (#F0F5DF, #629E68, #9A66B2, #994377, #1D2106)
• Faded Raspberry Loft color palette (#E2FADF, #00AFA8, #D24D6F, #006965, #430017)
• Linen Moss color palette (#E4FBF6, #BEE0AA, #D9A2F0, #5C9E1E, #482A55)
• Plum Workshop color palette (#DCE8DE, #28B159, #AC0083, #005C27, #2D0020)

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