Tempered Grape color palette — #F3D9E3 · #7A48BD · #4B4900 · #003632 · #001E25
A conversation between Violet and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Shell Pink (#F3D9E3): A whisper-light, dusty rose — the color of a warm blush.
- Violet (#7A48BD): A full-bodied, vivid violet — the color of wild irises.
- Deep Olive (#4B4900): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Deep Forest (#003632): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001E25): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Worn Study color palette (#F9D8DC, #993D96, #09560D, #003535, #001D27)
- Quiet Indigo color palette (#FEECF5, #7665C5, #645200, #004153, #11263F)
- Patina Cobalt Thicket color palette (#F0D9EF, #2C67B8, #643C00, #003727, #001F20)
- Plum Market color palette (#EDE7FA, #9A4590, #643C00, #003020, #000727)
- Tempered Peony Parlor color palette (#F1DBDD, #BA5FAF, #984B00, #214F00, #00242D)
- Charred Mulberry color palette (#FADCDC, #950070, #2D2F28, #330A05, #150304)
- Dusty Corridor color palette (#FFF1F4, #A372B8, #5E6A2D, #004D75, #273056)
- Hushed Corridor color palette (#F7ECE8, #9BBB9B, #007391, #00541C, #062E56)
Browse the whole catalog at Explore, or see today's palette.