Tempered Alley color palette — #FBF1CE · #BBBA93 · #728E4F · #725C67 · #5F453F
A conversation between Olive Leaf and Stone, giving this palette its sense of nature and growth.
The five colors
- Custard (#FBF1CE): A whisper-light, dusty green — the color of fresh herbs.
- Stone (#BBBA93): A luminous, dusty green — the color of new leaves after rain.
- Olive Leaf (#728E4F): A luminous, balanced green — the color of fresh herbs.
- Graphite (#725C67): A full-bodied, dusty rose — the color of strawberry cream.
- Cocoa (#5F453F): A full-bodied, dusty orange — the color of toasted spice.
Feels like: Nature, Growth, Sophistication. Tagged vintage, retro, 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
- Cypress Field color palette (#FFF3E9, #C9B697, #8F8B6E, #456F60, #5F4759)
- Hushed Cocoa color palette (#F6F8D8, #C3CFB8, #8AA18F, #83656C, #753F0E)
- Basalt Studio color palette (#D2E9CE, #87A893, #577A70, #6A4943, #503715)
- Chestnut Workshop color palette (#F5F7EA, #A6B68F, #328376, #7A4F0B, #364B02)
- Powdered Pine Grove color palette (#DFEFBF, #8DB56D, #458A46, #116A44, #165343)
- Softworn Garnet Boulevard color palette (#DFE9D1, #73A986, #007B77, #593C6E, #681D4F)
- Pine Orchard color palette (#F2F8E3, #67B381, #B56E9F, #017A42, #59344E)
- Muted Alley color palette (#DDFFEC, #BEE0D9, #86BEC4, #8893B7, #4F4C62)
Browse the whole catalog at Explore, or see today's palette.