Tempered Grape color palette — #F9D8E5 · #9963E8 · #817700 · #6819B5 · #1E1B00

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

The five colors

• Shell Pink (#F9D8E5): A whisper-light, dusty rose — the color of a warm blush.
• Amethyst (#9963E8): A luminous, vivid violet — the color of twilight just after sunset.
• Olive Leaf (#817700): A full-bodied, balanced green — the color of fresh herbs.
• Plum (#6819B5): A full-bodied, vivid violet — the color of a velvet chair.
• Ink (#1E1B00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Chalky Chapel color palette (#EBEDFF, #A478DF, #957600, #641CA4, #0B0700)
• Ultramarine Cabin color palette (#EFD7E9, #617BEE, #877400, #2E31D0, #201A00)
• Softworn Orchid color palette (#EFDEE3, #AD58E6, #257A00, #510078, #021500)
• Faded Amethyst Chapel color palette (#EAEEFF, #7548D9, #546100, #430091, #181E00)
• Frosted Ultramarine color palette (#EDDAE9, #5F7BF0, #008870, #2E39C4, #002119)
• Mulberry Courtyard color palette (#FFE2E5, #C54FBB, #00896B, #8A0084, #002118)
• Muted Pier color palette (#EDDBE4, #9987FF, #00A39F, #714FE1, #00201F)
• Linen Cobalt Lagoon color palette (#DBECE6, #008FD3, #A36400, #005885, #291500)

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