Tempered Alley color palette — #EEF6FF · #ADB7D7 · #997BA7 · #4D694A · #365647
Built around Heather, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#EEF6FF): a clean, paper-quiet neutral.
- Ash (#ADB7D7): A luminous, dusty violet — the color of wild irises.
- Heather (#997BA7): A luminous, dusty violet — the color of a velvet chair.
- Pine (#4D694A): A full-bodied, dusty green — the color of new leaves after rain.
- Charcoal Brown (#365647): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, 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
- Worn Bloom color palette (#F6EEFF, #D593C4, #A9696F, #4F6621, #235741)
- Worn Cerulean color palette (#E7F9FF, #A5BFD4, #6C7FA3, #72576D, #5C4342)
- Bronze Workshop color palette (#DDFFE8, #B3C5F3, #C19296, #86762C, #5E5000)
- Tempered Cerulean Cabin color palette (#F0F7F1, #C2E1FA, #618DBF, #006E7E, #394860)
- Moss Harbor color palette (#F3F4FF, #AB8FD7, #879300, #7351A3, #204C3D)
- Hushed Plum Cabin color palette (#E2E9FF, #A58ECA, #984F85, #564700, #284100)
- Cocoa Summit color palette (#FFE2F1, #EAC7D5, #D0A6AD, #A7897C, #753D11)
- Dusty Olive color palette (#EEF8EF, #90BBA3, #6F7A3A, #356075, #33483C)
Browse the whole catalog at Explore, or see today's palette.