Tempered Alley color palette — #F9EFF2 · #9ABDA6 · #717B4D · #31604C · #102E1D
A conversation between Walnut and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9EFF2): a clean, paper-quiet neutral.
- Sage (#9ABDA6): A luminous, dusty teal — the color of glacier melt.
- Walnut (#717B4D): A full-bodied, dusty green — the color of new leaves after rain.
- Pine (#31604C): A full-bodied, dusty teal — the color of shallow lagoons.
- Deep Forest (#102E1D): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Wandering Chapel color palette (#EBF9F0, #8FBBA6, #6F7B2C, #35635B, #34473E)
- Hushed Balcony color palette (#EBF5EE, #AECAC2, #5C8D8A, #456772, #1C3730)
- Washed Cypress color palette (#E2F8F0, #85B68B, #007D66, #005568, #06280E)
- Tempered Forest Summit color palette (#D0E7E0, #6D997F, #00635A, #003F55, #001616)
- Aged Pier color palette (#FBF4ED, #D5C29E, #8A965A, #637C3B, #563E00)
- Charred Ridge color palette (#DBF0E6, #456136, #003320, #00181C, #000200)
- Sunlit Amber color palette (#E6F4FE, #6FADCC, #C1794E, #006E94, #401C03)
- Faded Fern color palette (#D1EED7, #939D40, #1B6E05, #004944, #151800)
Browse the whole catalog at Explore, or see today's palette.