Tempered Grape color palette — #DFE2D0 · #2AA734 · #91009C · #034A0C · #030004
Plum and Kelly Green set the tone — five colors that lean into nature and growth.
The five colors
- Bone (#DFE2D0): A whisper-light, dusty green — the color of new leaves after rain.
- Kelly Green (#2AA734): A luminous, vivid green — the color of a quiet forest floor.
- Plum (#91009C): A full-bodied, vivid pink — the color of a candy shop window.
- Forest (#034A0C): A deep, shadowed, balanced green — the color of fresh herbs.
- Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.
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
- Tempered Grape Thicket color palette (#E9F5D8, #759B1F, #7E00BF, #304400, #020006)
- Tempered Villa color palette (#EAF5DB, #23A373, #A1006B, #00482F, #040002)
- Aubergine Quarry color palette (#E1F5F2, #267E26, #630067, #033405, #070008)
- Orchid Meadow color palette (#E5E8D9, #2FBE4A, #B547CF, #00621B, #1E0025)
- Sunlit Delta color palette (#DEEFD5, #007D6A, #9C004A, #00332A, #040001)
- Antique Lapis color palette (#ECDFC2, #947D00, #5A46DF, #473B00, #010009)
- Misty Ultramarine color palette (#D7F4DC, #007C3A, #333CD2, #800C00, #000200)
- Pine Orchard color palette (#D0F5F1, #00732C, #004F80, #003711, #001121)
Browse the whole catalog at Explore, or see today's palette.