Hazy Grape color palette — #FFF1F6 · #B08DE8 · #A2248E · #6D20B6 · #301216

A conversation between Plum and Magenta Rose, giving this palette its sense of creativity and energy.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wisteria (#B08DE8): A luminous, balanced violet — the color of a velvet chair.
• Magenta Rose (#A2248E): A full-bodied, vivid pink — the color of neon signs at night.
• Plum (#6D20B6): A full-bodied, vivid violet — the color of a velvet chair.
• Onyx (#301216): A deep, shadowed, dusty red — the color of embers at dusk.

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

Use it as a design system

One click turns Hazy 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

• Aubergine Boulevard color palette (#FFF1F4, #CD7FD9, #B80451, #861196, #32120C)
• Feathered Ultramarine color palette (#FFF0FB, #819BFA, #8934B3, #303CCB, #2F121C)
• Hazy Aubergine color palette (#F7E6EB, #A171BD, #851C62, #5D187D, #200204)
• Mulberry Basin color palette (#FEF2F2, #D798BC, #A25359, #913B72, #331E17)
• Mulberry Alley color palette (#FDD6FF, #DF7ECB, #A53A7C, #830048, #630028)
• Powdered Study color palette (#FDECF7, #8F9FFE, #B93700, #4130E3, #180200)
• Byzantium Boulevard color palette (#FBF2F5, #E7D5D0, #CFB4B6, #864F9F, #4B3B3F)
• Hazy Indigo Courtyard color palette (#F1F5FF, #ADB3FF, #DF4A5A, #6554FF, #291329)

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