Tempered Grape color palette — #FFF1F6 · #AB91CF · #C07259 · #7B43B6 · #613427
Plum and Caramel set the tone — five colors that lean into creativity and balance.
The five colors
- Ivory (#FFF1F6): bright and airy, almost weightless.
- Mauve (#AB91CF): A luminous, balanced violet — the color of wild irises.
- Caramel (#C07259): A luminous, balanced orange — the color of sun-warmed clay.
- Plum (#7B43B6): A full-bodied, vivid violet — the color of wild irises.
- Cocoa (#613427): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Tempered Grape 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
- Powdered Ultramarine color palette (#FFF0FC, #8A9ED0, #BE6E80, #425EB6, #642F3C)
- Aged Lantern color palette (#FFF1F2, #CC9FC4, #BD8E56, #A14F95, #514C46)
- Soft Villa color palette (#FFF1F7, #9079C3, #AE5F74, #00729A, #4D2C3C)
- Antique Grape color palette (#FFF1F5, #AF91C6, #009AB2, #8243AA, #004B58)
- Grape Garden color palette (#FFECF5, #A699D9, #78A142, #654EA4, #2B2904)
- Aged Villa color palette (#FFF1F5, #EED4CC, #E3AFCD, #8A74B5, #624049)
- Quiet Orchard color palette (#FFF1F5, #CAAADC, #8C64A5, #60277A, #3C1E4B)
- Faded Magenta color palette (#FAD7FB, #C148C9, #A35B00, #7F0087, #462400)
Browse the whole catalog at Explore, or see today's palette.