Tempered Grape color palette — #F7DCEA · #00CA84 · #5C38C2 · #2D1F61 · #1F0415

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

The five colors

• Shell Pink (#F7DCEA): A whisper-light, dusty rose — the color of strawberry cream.
• Clover (#00CA84): A luminous, vivid teal — the color of shallow lagoons.
• Plum (#5C38C2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Royal Purple (#2D1F61): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#1F0415): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged luxury, dark, 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

• Clover Bloom color palette (#F9DCE5, #00CE3E, #743A9E, #3F145C, #1E0610)
• Frosted Clover color palette (#F7D9F6, #00CD4E, #0A55B6, #042B61, #190819)
• Soft Field color palette (#F5DCF1, #B8B000, #2850BB, #0D256C, #030C2A)
• Antique Lime color palette (#FFF1F2, #7DD36D, #98428F, #53284E, #2C1116)
• Frosted Grape Courtyard color palette (#F5F4FF, #A1D57A, #8318A3, #320041, #030005)
• Chalky Market color palette (#F2D6D7, #83B83D, #823369, #3F1A32, #170506)
• Lowlit Pine Cabin color palette (#FEE7ED, #128D1D, #43005C, #0D0015, #040100)
• Weathered Seafoam Dune color palette (#FFF1F5, #AAE0BE, #87739E, #5C464E, #34272C)

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