Tempered Alley color palette — #FFF4DF · #F3F99E · #92CC92 · #4F876D · #3D523D
Built around Butter, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
- Butter (#F3F99E): A whisper-light, balanced green — the color of new leaves after rain.
- Mint Leaf (#92CC92): A luminous, balanced green — the color of new leaves after rain.
- Fern (#4F876D): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Olive (#3D523D): A full-bodied, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Softness, Clarity. Tagged light, 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
- Aged Straw Cabin color palette (#FFF3E8, #FFDE98, #C1BB73, #728A60, #4B4D46)
- Weathered Station color palette (#F6F9D0, #A4FDD0, #60CEC8, #43848E, #39584E)
- Worn Forest color palette (#F0EDCB, #A8C297, #5F8E55, #32713D, #3A3C35)
- Timeworn Clover color palette (#DFF19E, #3ED055, #00977C, #005153, #00212A)
- Tempered Mint Cabin color palette (#E5FFD0, #2FE19C, #00A297, #006F7D, #00394D)
- Muted Bloom color palette (#F6F6E9, #CAF4B4, #F1B6E1, #83A671, #5A3D40)
- Chartreuse Courtyard color palette (#F8FD9D, #84E200, #00B67B, #00726F, #004350)
- Hushed Bronze color palette (#FFF3E7, #DDE6BB, #C6A988, #A76845, #464100)
Browse the whole catalog at Explore, or see today's palette.