Tempered Alley color palette — #FFF1F5 · #C1A2DE · #D68E94 · #6698BE · #543A43
A conversation between Mauve and Dusty Rose, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Mauve (#C1A2DE): A luminous, balanced violet — the color of a velvet chair.
- Dusty Rose (#D68E94): A luminous, balanced red — the color of late-summer berries.
- Slate Blue (#6698BE): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cocoa (#543A43): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged 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
- Taupe Grove color palette (#FFF2EF, #DE9BAE, #CC9963, #958AB8, #553B37)
- Apricot Station color palette (#F5F4FF, #E3BBEE, #FD9C95, #7AA5D8, #383549)
- Hushed Meadow color palette (#FFF1F3, #AD8AB1, #A68437, #39894C, #533B40)
- Weathered Ash color palette (#FFF1F4, #E8CEFA, #B593C8, #7C5F8F, #412E4F)
- Cocoa Studio color palette (#FFF2ED, #DA978F, #9DA068, #66845D, #64290A)
- Mustard Dune color palette (#F3F4FF, #CEBBFA, #BFC477, #72BAA3, #3E4153)
- Bronze Field color palette (#FBF4E9, #D9C9A7, #AB997A, #956C2D, #584500)
- Aged Amber color palette (#FFDBD8, #D76B9E, #C96E09, #7269C1, #431F1E)
Browse the whole catalog at Explore, or see today's palette.