Tempered Grape color palette — #C4E7DE · #69A021 · #782FB1 · #335400 · #341A4B

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

The five colors

• Silver (#C4E7DE): A whisper-light, dusty teal — the color of sea glass.
• Olive Leaf (#69A021): A luminous, vivid green — the color of new leaves after rain.
• Plum (#782FB1): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#335400): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Indigo (#341A4B): A deep, shadowed, balanced violet — the color of wild irises.

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

• Washed Orchid color palette (#DEF4F0, #6BB163, #A353B0, #0F5909, #45294A)
• Pale Boulevard color palette (#C6E7E5, #219252, #7D007F, #004621, #310032)
• Linen Lapis Meadow color palette (#CCE5D6, #917F00, #4E53DF, #544900, #1E2351)
• Plum Grove color palette (#BEE7E8, #009668, #AE2195, #00573B, #431339)
• Timeworn Loft color palette (#DAE8D5, #327F00, #0058C2, #920027, #002621)
• Quiet Studio color palette (#E0FBFC, #5DB38E, #C56494, #007854, #4B3A57)
• Plum Veranda color palette (#C2EDF6, #00998E, #CC005F, #005B54, #5A0026)
• Mulberry Delta color palette (#C5E9ED, #006F5C, #8C0047, #00352B, #25000E)

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