Tempered Alley color palette — #FFF0F9 · #A5A1FF · #3F9027 · #006A84 · #220D1A
A conversation between Olive Leaf and Wisteria, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Wisteria (#A5A1FF): A luminous, balanced violet — the color of a velvet chair.
- Olive Leaf (#3F9027): A full-bodied, vivid green — the color of a quiet forest floor.
- Peacock (#006A84): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#220D1A): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.
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 Emerald color palette (#FFF1F3, #E08ADD, #17932D, #00698C, #250C11)
- Feathered Drift color palette (#FFF1F6, #B383EC, #AD8200, #007059, #220E16)
- Antique Thicket color palette (#FFF1F2, #DF82C0, #727F00, #005170, #001E2D)
- Patina Wisteria color palette (#FFF1F4, #C270D0, #716A00, #005662, #150307)
- Softworn Thicket color palette (#E3FCF2, #00A9F1, #AA8400, #00705A, #021A13)
- Powdered Peony color palette (#FFF0F8, #FF54C1, #008450, #005A8B, #1E0013)
- Wandering Peony color palette (#FFF1F0, #E86DA8, #6E993A, #356F29, #240D0D)
- Washed Blush color palette (#FFF2EE, #F4929A, #9FA551, #008382, #321F1A)
Browse the whole catalog at Explore, or see today's palette.