Tempered Alley color palette — #FEF1FB · #D9DDF3 · #ABC6FF · #9C91E2 · #523B4D
A conversation between Wisteria and Sky, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#FEF1FB): a clean, paper-quiet neutral.
- Frost (#D9DDF3): A whisper-light, dusty violet — the color of wild irises.
- Sky (#ABC6FF): A whisper-light, balanced violet — the color of wild irises.
- Wisteria (#9C91E2): A luminous, balanced violet — the color of wild irises.
- Charcoal (#523B4D): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Creativity, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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
- Gentle Orchid color palette (#FFF0F8, #BECDFF, #A89AFF, #BE2AFC, #3A2B62)
- Muted Lilac color palette (#FBEDF9, #CFD6F4, #C5B8ED, #AE84BB, #392331)
- Worn Periwinkle color palette (#EAF9F3, #CCE1F5, #84CCF5, #619BE8, #2D5347)
- Weathered Pewter color palette (#FFF0F9, #B5B0E4, #8C7BBC, #755398, #6B4551)
- Powder Villa color palette (#EFF6FF, #D5D9EB, #C3C4F9, #BBABB1, #414B5C)
- Worn Petrol color palette (#F4F6F0, #C8E4E6, #7A9DBE, #217996, #604961)
- Violet Drift color palette (#FFF1F5, #BCA4D4, #C98569, #875AAF, #534B47)
- Plum Coast color palette (#FFF1F5, #BFB7FE, #C885FB, #AB3D9D, #3F1F49)
Browse the whole catalog at Explore, or see today's palette.