Tempered Grape color palette — #DCE4FE · #99BA3C · #5B35C7 · #31007D · #0F0928

Iris takes the lead with Royal Purple close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#DCE4FE): A whisper-light, dusty violet — the color of wild irises.
• Lime (#99BA3C): A luminous, balanced green — the color of fresh herbs.
• Iris (#5B35C7): A full-bodied, vivid violet — the color of wild irises.
• Royal Purple (#31007D): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#0F0928): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Faded Aubergine color palette (#E4E2F7, #89BD56, #7D3597, #48005E, #1A0323)
• Airy Ultramarine color palette (#DAE6F7, #D89F3C, #0950C4, #002571, #000C2D)
• Quiet Chartreuse Lantern color palette (#FFF0F9, #7AE136, #4D34CC, #19104E, #040002)
• Hushed Basalt Corridor color palette (#F0ECF8, #ADBC81, #844E75, #531D46, #191222)
• Violet Chapel color palette (#E0E2FF, #FFA293, #9A5AD3, #5F3784, #0D0B24)
• Sunlit Archive color palette (#E2E3F9, #528439, #3E0262, #2B1221, #0B0018)
• Wandering Garnet color palette (#F1E8F9, #909B31, #751C50, #360021, #05000B)
• Hushed Alley color palette (#FDD9E7, #F35351, #4E008A, #250046, #1E0611)

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