Tempered Grape color palette — #FFF1F5 · #B38DCF · #BE744E · #7C4E9B · #5F3620
Built around Plum, softened by Caramel — the whole palette hums with optimism and creativity.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Mauve (#B38DCF): A luminous, balanced violet — the color of a velvet chair.
- Caramel (#BE744E): A luminous, balanced orange — the color of toasted spice.
- Plum (#7C4E9B): A full-bodied, balanced violet — the color of wild irises.
- Cocoa (#5F3620): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, 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
- Misty Petrol color palette (#FFF0FE, #7EA0D9, #BA6F88, #3B64A9, #613141)
- Muted Mulberry Grove color palette (#FFF2EF, #D1869C, #9B8934, #9D4262, #4D420F)
- Quiet Mulberry color palette (#FFF1F3, #BA8DBE, #2497BC, #854C8B, #14495C)
- Quiet Terracotta Dune color palette (#FFE9E2, #CD6D6D, #716DBC, #942C33, #312D60)
- Antique Driftwood Veranda color palette (#FFF1F4, #E3D7D2, #E9ACC3, #8E73A3, #5E4448)
- Pale Bloom color palette (#FFF1F4, #D1A5D8, #905F9B, #5A3063, #3F1D43)
- Frosted Market color palette (#FCEDF2, #AE98CD, #689E55, #7946AE, #113003)
- Frosted Peony color palette (#FED6F6, #C54CB5, #9A6200, #850079, #422700)
Browse the whole catalog at Explore, or see today's palette.