Tempered Alley color palette — #ECF9EF · #A0C1B4 · #907E55 · #7D5237 · #334E4A
Coffee and Mocha set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#ECF9EF): a clean, paper-quiet neutral.
- Ash (#A0C1B4): A luminous, dusty teal — the color of glacier melt.
- Mocha (#907E55): A full-bodied, dusty gold — the color of old brass.
- Coffee (#7D5237): A full-bodied, dusty gold — the color of old brass.
- Charcoal (#334E4A): A full-bodied, dusty teal — the color of sea glass.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Tempered Workshop color palette (#FFF0F8, #AABFAA, #997388, #7C4F53, #374E42)
- Dusty Grove color palette (#F9F1E3, #C5BA9F, #938154, #794D0A, #2F2C1F)
- Worn Garnet color palette (#F6E1E9, #7CA186, #88562A, #732723, #09392C)
- Worn Onyx color palette (#D9E3D8, #837732, #613C00, #4B1000, #0F1A00)
- Weathered Terracotta color palette (#EFF6FF, #7490C5, #8B6D94, #914633, #323E4F)
- Moss Bloom color palette (#C4E8D5, #729C51, #645D00, #553400, #00321F)
- Dusty Garnet Canyon color palette (#FFE6F6, #C29260, #A34C31, #7F2041, #403400)
- Chestnut Lantern color palette (#F3D9E6, #9D835A, #873E07, #651223, #282500)
Browse the whole catalog at Explore, or see today's palette.