Tempered Grape color palette — #F2F5FF · #C0B3FF · #AD9C00 · #7042D4 · #433B00

Violet and Mustard set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lavender (#C0B3FF): A luminous, balanced violet — the color of wild irises.
• Mustard (#AD9C00): A luminous, balanced green — the color of new leaves after rain.
• Violet (#7042D4): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Olive (#433B00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Faded Sapphire Veranda color palette (#F0F5FF, #93A8FF, #CB9B18, #4E5EE0, #4C3700)
• Linen Violet color palette (#FFF1F6, #CFBAFF, #CFAD08, #8F54E6, #382D00)
• Worn Violet color palette (#ECEDFF, #BF91E4, #7EA34E, #885AAA, #273D00)
• Airy Grape Cabin color palette (#FFF0F8, #8F82EA, #8E8000, #6100E9, #423B00)
• Dusty Grape Thicket color palette (#DEDAF7, #BE79D1, #9E8400, #883D9C, #322800)
• Tangerine Delta color palette (#EEF6FF, #90C3FF, #F9660F, #0068C1, #642300)
• Feathered Plum color palette (#F8F2FF, #FF99D3, #3EB73E, #B60582, #074809)
• Pale Workshop color palette (#EEEEFF, #B777DD, #008C3C, #65008D, #002209)

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