Tempered Grape color palette — #D3F2E8 · #789522 · #7300C1 · #3C4D00 · #18002E

Plum takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#D3F2E8): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#789522): A luminous, balanced green — the color of a quiet forest floor.
• Plum (#7300C1): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#3C4D00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Indigo (#18002E): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Mulberry Dune color palette (#C6E9E4, #3AA128, #8D0093, #115404, #1F0021)
• Dusty Grape Chapel color palette (#DAF7E8, #827A00, #631CFE, #4C4700, #0F0038)
• Byzantium Delta color palette (#F3EFCF, #91AE2A, #8C3DCA, #586C00, #19002C)
• Aubergine Lagoon color palette (#D6EAE5, #537B1B, #4C0099, #1E3400, #150032)
• Muted Mulberry Loft color palette (#C6EFED, #007E49, #9A0076, #004425, #11000B)
• Soft Coast color palette (#D8F2D8, #A06B00, #0062CA, #5E3D00, #000E29)
• Misty Studio color palette (#E4ECDD, #4B7400, #005DA1, #8C0036, #040A00)
• Blazing Magenta Garden color palette (#C7EEE6, #76C92A, #D41CF5, #386A00, #4A0058)

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