Tempered Grape color palette — #CFE7DC · #6D7100 · #6327B7 · #2C2E00 · #020007

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

The five colors

• Honeydew (#CFE7DC): A whisper-light, dusty teal — the color of shallow lagoons.
• Olive (#6D7100): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#6327B7): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Forest (#2C2E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#020007): A deep, shadowed, dusty 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

• Dusty Ultramarine color palette (#DCF6E4, #7F6900, #2A3CC9, #352A00, #00000B)
• Aubergine Coast color palette (#DCF0EB, #5B871B, #6E008D, #1E3200, #030005)
• Cellar Aubergine color palette (#F1E9CA, #535600, #4500A1, #212300, #07001E)
• Denim Alley color palette (#F1E0E6, #995900, #005697, #412300, #000104)
• Soft Amethyst Station color palette (#D9EFE4, #878200, #814BD4, #5B5700, #09001B)
• Garnet Corridor color palette (#E2EACB, #4F5C00, #004B70, #5F0030, #010100)
• Tempered Plum Ridge color palette (#D5F6F5, #27BC74, #AB378D, #005D34, #14000E)
• Dusty Plum Bloom color palette (#CFE3E6, #00937E, #BD0059, #00473C, #040001)

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