Tempered Alley color palette — #F3F8E6 · #A3E7B9 · #E3B5E1 · #7CB890 · #624348
Built around Mint, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#F3F8E6): A whisper-light, dusty green — the color of new leaves after rain.
- Mint (#A3E7B9): A whisper-light, balanced teal — the color of glacier melt.
- Carnation (#E3B5E1): A whisper-light, dusty pink — the color of peonies in June.
- Mint Leaf (#7CB890): A luminous, balanced teal — the color of glacier melt.
- Cocoa (#624348): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Creativity, Sophistication, 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
- Hushed Straw Thicket color palette (#F9F5E9, #E1D880, #C0BFFF, #B0AB76, #5F4453)
- Weathered Glacier color palette (#EDF9EC, #70EBEB, #F9B3A6, #6CB7B7, #534B48)
- Quiet Canyon color palette (#F2F9E4, #85DEA8, #DAACD5, #C99597, #3B4900)
- Seafoam Grove color palette (#E8F9F8, #9AD5A2, #DFA17D, #679B6F, #5F4452)
- Fern Boulevard color palette (#F3F7E8, #B0E8EC, #DCCFDB, #C6C19E, #405A1A)
- Ancient Seafoam color palette (#EBFCDC, #44FBC8, #FF90AD, #009A77, #661934)
- Tempered Fern Orchard color palette (#FFF3E4, #E7D8B4, #CDB187, #A48D7B, #524800)
- Quiet Aqua color palette (#E4F4E4, #00D9DA, #F58E93, #00A6A7, #552327)
Browse the whole catalog at Explore, or see today's palette.