Tempered Grape Garden color palette — #E4EEFF · #6774FF · #501CC5 · #2B0054 · #040007

Indigo and Periwinkle set the tone — five colors that lean into creativity and energy.

The five colors

• Frost (#E4EEFF): A whisper-light, dusty violet — the color of wild irises.
• Periwinkle (#6774FF): A luminous, vivid violet — the color of twilight just after sunset.
• Indigo (#501CC5): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#2B0054): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#040007): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Tempered Grape Garden 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

• Gentle Bloom color palette (#C9E4FD, #2E81FD, #2E31D0, #280078, #040010)
• Pale Aubergine color palette (#E3E7FB, #815EED, #6C00AC, #420052, #0C000C)
• Powdered Basin color palette (#E8D9F7, #AB72DD, #7020A8, #230037, #020006)
• Wandering Veranda color palette (#E4ECFA, #4952E1, #4300A3, #2B0051, #1D002B)
• Frosted Lapis color palette (#E0EEF6, #4384FB, #6444FF, #670094, #250023)
• Dusty Aubergine color palette (#DCE0F3, #885EE3, #676D00, #480095, #010100)
• Navy Chapel color palette (#D3F0FF, #0083C6, #004A9F, #04007D, #01000A)
• Byzantium Ridge color palette (#F0EDFF, #8B49CA, #5E0072, #2C0026, #040002)

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