Tempered Grape color palette — #C9EEE6 · #5A9C22 · #5F23C7 · #295100 · #130034

A conversation between Plum and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#C9EEE6): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive Leaf (#5A9C22): A luminous, vivid green — the color of new leaves after rain.
• Plum (#5F23C7): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#295100): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Indigo (#130034): A deep, shadowed, balanced violet — the color of wild irises.

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

• Lapis Loft color palette (#E6E9D5, #28970A, #4E33FF, #0F4902, #01000A)
• Byzantium Lagoon color palette (#DFF2E6, #897700, #9022C3, #504500, #1B0029)
• Weathered Plum Canyon color palette (#D7EFEF, #008D62, #A4199F, #005338, #20001F)
• Ancient Petrol color palette (#D5F3E3, #827B00, #0067B8, #4B4700, #001024)
• Aubergine Ridge color palette (#DBEDCC, #5C8923, #8F0B59, #630E9D, #040A00)
• Orchid Boulevard color palette (#BFF0EB, #43CF64, #9B63FE, #006E28, #370E6B)
• Fern Drift color palette (#E2E2C6, #426D00, #00536E, #1D3400, #00121B)
• Frosted Rust Veranda color palette (#E0F4FA, #00999F, #C3432B, #005F63, #380400)

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