Tempered Grape color palette — #E2E1D2 · #739622 · #8400A5 · #384E00 · #1D0026

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

The five colors

• Bone (#E2E1D2): A whisper-light, dusty green — the color of new leaves after rain.
• Olive Leaf (#739622): A luminous, balanced green — the color of new leaves after rain.
• Plum (#8400A5): A full-bodied, vivid pink — the color of a candy shop window.
• Deep Olive (#384E00): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#1D0026): A deep, shadowed, balanced pink — the color of peonies in June.

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 Grape color palette (#E3F5EF, #759B1F, #8900AC, #304300, #030005)
• Plum Drift color palette (#E0E8D6, #008D61, #A91B8E, #005337, #22001A)
• Misty Grape color palette (#F8EAD1, #917400, #6F31E3, #554300, #130035)
• Antique Pier color palette (#EEECDA, #7C9322, #2936DA, #3E4C00, #04003F)
• Tempered Grove color palette (#DDECDF, #18863D, #5F0AE4, #710063, #000B02)
• Sunlit Magenta Harbor color palette (#E8E8BC, #81C64A, #E129CA, #396900, #510048)
• Washed Fern Lagoon color palette (#CFFAF1, #3A6F00, #005370, #183500, #00121B)
• Frosted Garnet color palette (#EDDACB, #A07424, #7E4000, #600400, #0E0B00)

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