Tempered Alley color palette — #F8F1E5 · #AD9B69 · #137F90 · #7C3127 · #322600

A conversation between Rust and Teal, giving this palette its sense of nature and growth.

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Camel (#AD9B69): A luminous, dusty green — the color of new leaves after rain.
• Teal (#137F90): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#7C3127): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#322600): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Tempered Alley 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 Dune color palette (#FAEFE9, #BF8F80, #46805E, #653868, #3C1E0B)
• Petrol Cabin color palette (#F5F6ED, #74A775, #187AA1, #65466F, #48413C)
• Weathered Cocoa Orchard color palette (#F9F1DD, #C8C0AA, #959A88, #8A6158, #573200)
• Softworn Denim color palette (#F3F3E8, #789A56, #64589D, #4B4100, #132400)
• Weathered Driftwood color palette (#F6F1E8, #C5C5AB, #718E4F, #795D10, #31322B)
• Frosted Emerald color palette (#EFF5E0, #0A9C4D, #00696B, #6E0021, #001F0A)
• Muted Iris Corridor color palette (#F0F8F1, #CCAC73, #658BD2, #925747, #54384C)
• Pewter Boulevard color palette (#EBF8F7, #B2D8B2, #5EA4C5, #815891, #532D1E)

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