Tempered Grape color palette — #CDEEE2 · #677600 · #751BBC · #363E00 · #240A3C
Built around Plum, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Honeydew (#CDEEE2): A whisper-light, dusty teal — the color of sea glass.
- Olive (#677600): A full-bodied, balanced green — the color of a quiet forest floor.
- Plum (#751BBC): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#363E00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Deep Indigo (#240A3C): 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
- Soft Aubergine Studio color palette (#D5E7DF, #6B7200, #71369D, #363A00, #0F001C)
- Misty Aubergine Grove color palette (#C1E8E0, #4B8F1E, #740092, #1D4400, #2B0536)
- Weathered Lapis color palette (#CEE7D8, #7C6E00, #443BCD, #423900, #12094F)
- Airy Loft color palette (#E3E0C6, #89A425, #6A43CA, #4A5B00, #1E0846)
- Misty Mulberry Lantern color palette (#CCF1F3, #00815E, #9D0071, #004430, #350024)
- Softworn Byzantium Lantern color palette (#C0F4CB, #27AF5B, #9F00A0, #005F2B, #4F004F)
- Tempered Denim color palette (#F4D9E1, #975F00, #005C9D, #513100, #001C35)
- Washed Corridor color palette (#E3E9DA, #4B6500, #005283, #740033, #0D1500)
Browse the whole catalog at Explore, or see today's palette.