Tempered Grape Bloom color palette — #DDE3FF · #8B62F5 · #6F7700 · #5B00C1 · #2D3100

A conversation between Plum and Amethyst, giving this palette its sense of nature and growth.

The five colors

• Frost (#DDE3FF): A whisper-light, dusty violet — the color of a velvet chair.
• Amethyst (#8B62F5): A luminous, vivid violet — the color of a velvet chair.
• Olive (#6F7700): A full-bodied, balanced green — the color of new leaves after rain.
• Plum (#5B00C1): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Forest (#2D3100): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy. Tagged vibrant.

Use it as a design system

One click turns Tempered Grape Bloom 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 Pier color palette (#D8E5FF, #6677EA, #846E00, #3600DC, #372D00)
• Frosted Orchid Drift color palette (#E2E1FF, #B76BE9, #557F00, #5F0089, #213500)
• Pale Corridor color palette (#D9E2F5, #7888FF, #508000, #2F00B8, #0D1A00)
• Frosted Grape Atelier color palette (#FCD9E9, #B89BFF, #959000, #6F00D3, #323000)
• Quiet Mulberry color palette (#E2D9F1, #B2599F, #007E51, #7E006C, #00321D)
• Patina Station color palette (#F6F3FF, #D17FD6, #009931, #7F0088, #004812)
• Byzantium Corridor color palette (#E0DBEF, #8A33EB, #945000, #006053, #2C114F)
• Pale Cobalt color palette (#CFE8FF, #008BD8, #A05E00, #005383, #442500)

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