Tempered Grape color palette — #DEE5FF · #8066DC · #7D7300 · #5E06CF · #070600

Plum and Amethyst set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DEE5FF): A whisper-light, dusty violet — the color of a velvet chair.
• Amethyst (#8066DC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Walnut (#7D7300): A full-bodied, balanced green — the color of fresh herbs.
• Plum (#5E06CF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Ink (#070600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Dusty Ultramarine color palette (#DBE5F5, #4572F3, #817100, #1734D9, #080600)
• Amethyst Corridor color palette (#E3E2F0, #734ADF, #716800, #00643C, #02000C)
• Washed Aubergine color palette (#DDE2FE, #9B78E6, #008935, #51119A, #000901)
• Dusty Amethyst color palette (#D7F6FF, #9D7900, #714DFF, #0B0527, #010108)
• Aubergine Lagoon color palette (#EDD8E4, #654CD2, #006660, #3A0096, #000807)
• Worn Harbor color palette (#DBEFFF, #0089BC, #986500, #005C7F, #0B0400)
• Sunlit Aubergine color palette (#E7E4FE, #739439, #682976, #26002E, #02000C)
• Charred Nightshade Delta color palette (#EEDCE5, #4B31A3, #3D3F00, #200059, #010100)

Browse the whole catalog at Explore, or see today's palette.