Tempered Grape color palette — #CDE8E7 · #007B48 · #8300A3 · #543300 · #000201
Plum takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#CDE8E7): A whisper-light, dusty teal — the color of sea glass.
- Pine (#007B48): A full-bodied, balanced teal — the color of glacier melt.
- Plum (#8300A3): A full-bodied, vivid pink — the color of peonies in June.
- Cocoa (#543300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, vibrant.
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
- Weathered Mulberry color palette (#D1EEF6, #008382, #900087, #463300, #030100)
- Aubergine Quarry color palette (#C1E9E5, #209148, #5D00AF, #632500, #000300)
- Wandering Mulberry color palette (#D9E5EE, #0075A6, #970049, #413E00, #000204)
- Ancient Chapel color palette (#EEE0D5, #008C8B, #005AA4, #572F00, #000406)
- Wandering Nightshade color palette (#D8EDE6, #668515, #3000CD, #62001C, #000202)
- Raspberry Veranda color palette (#CEE3F6, #0095DD, #C80086, #675200, #00080E)
- Dusty Sapphire color palette (#DEE9F9, #1A71FA, #B60030, #485100, #000209)
- Orchid Lantern color palette (#DBEBFD, #449FFF, #AE51CF, #905600, #00171C)
Browse the whole catalog at Explore, or see today's palette.