Tempered Grape color palette — #CCE2EC · #006E80 · #5F21BB · #5F005B · #001E2A
A conversation between Plum and Royal Purple, giving this palette its sense of trust and stability.
The five colors
- Silver (#CCE2EC): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#006E80): A full-bodied, balanced blue — the color of open sky before noon.
- Plum (#5F21BB): A full-bodied, vivid violet — the color of twilight just after sunset.
- Royal Purple (#5F005B): A deep, shadowed, balanced pink — the color of peonies in June.
- Midnight (#001E2A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged 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
- Nightshade Courtyard color palette (#D3E4EF, #007491, #311ABC, #4E0051, #002620)
- Washed Aubergine color palette (#CEE1F2, #0067A3, #87008D, #6A0031, #001C32)
- Ancient Lagoon color palette (#D6EBFD, #006695, #620082, #530028, #1F0417)
- Muted Drift color palette (#B9EAE3, #00888E, #00556B, #3C1079, #002936)
- Mulberry Parlor color palette (#D5F3F0, #228B3D, #77105C, #61021F, #000A09)
- Garnet Loft color palette (#E4F3E7, #8F6A00, #864288, #7A163C, #172C1C)
- Tempered Olive Ridge color palette (#C3E7DF, #3F7200, #005E6C, #003964, #00201B)
- Lowlit Lantern color palette (#DAE9FF, #0A2AB3, #64003F, #3D0009, #00011D)
Browse the whole catalog at Explore, or see today's palette.