Tempered Alley color palette — #F5F1E8 · #CCC3A3 · #7C8959 · #64661B · #33312A
Built around Olive, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Cream (#F5F1E8): bright and airy, almost weightless.
- Pistachio (#CCC3A3): A luminous, dusty green — the color of fresh herbs.
- Moss (#7C8959): A luminous, dusty green — the color of a quiet forest floor.
- Olive (#64661B): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#33312A): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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 Loft color palette (#F1F3EA, #BDC9A5, #55917A, #576654, #2A3700)
- Driftwood Station color palette (#FCF4EB, #CADECC, #A6B58A, #739153, #594200)
- Forest Market color palette (#E6E6D4, #659E62, #006734, #034334, #121400)
- Olive Coast color palette (#EBE7D8, #5F7100, #263E00, #002421, #020300)
- Weathered Stone Cabin color palette (#F9EEFA, #EDD2D8, #DEB2CA, #649283, #443944)
- Airy Atelier color palette (#F6F3DB, #91B479, #1A811A, #125A3C, #232202)
- Petrol Boulevard color palette (#F1F3EC, #C1E5E6, #70A3C5, #24768A, #213C35)
- Muted Lilac Lagoon color palette (#FAEDFB, #6DA0D5, #A679B8, #34887E, #2E2230)
Browse the whole catalog at Explore, or see today's palette.