Tempered Grape color palette — #CAE8EA · #009D7B · #7B47A0 · #751A38 · #301900
Plum and Mulberry set the tone — five colors that lean into creativity and balance.
The five colors
- Frost (#CAE8EA): A whisper-light, dusty blue — the color of deep harbor water.
- Fern (#009D7B): A luminous, balanced teal — the color of sea glass.
- Plum (#7B47A0): A full-bodied, balanced violet — the color of wild irises.
- Mulberry (#751A38): A deep, shadowed, balanced red — the color of late-summer berries.
- Onyx (#301900): A deep, shadowed, dusty gold — the color of honey in a jar.
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
- Grape Market color palette (#CDE7ED, #009A93, #813FA8, #5F3800, #301900)
- Soft Teal color palette (#E0F7FB, #00AD9A, #8B5B9F, #7D363D, #422200)
- Aged Ultramarine Lagoon color palette (#EEFAE7, #00AA8D, #3558C5, #6A0038, #120C00)
- Moss Bloom color palette (#CFE8E2, #5D9A00, #2F5AC3, #701B4F, #410017)
- Mulberry Garden color palette (#D3E9F3, #007382, #780064, #3D1D00, #0E0500)
- Quiet Boulevard color palette (#CFEDFF, #009BC2, #BD006A, #6A3A00, #2A2400)
- Hushed Teal color palette (#E1F4F2, #60B5B3, #5D84A2, #764E37, #512F10)
- Chalky Nightshade color palette (#D1E8DD, #6E6D00, #25379E, #422600, #1F1A00)
Browse the whole catalog at Explore, or see today's palette.