Hazy Wisteria color palette — #FFF1F6 · #BD87FF · #D67D04 · #009284 · #2D101D

A conversation between Wisteria and Mustard, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Wisteria (#BD87FF): A luminous, vivid violet — the color of a velvet chair.
• Mustard (#D67D04): A luminous, balanced gold — the color of afternoon light on wheat.
• Fern (#009284): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#2D101D): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Aged Delta color palette (#F1F5FF, #859FFF, #DB7462, #409159, #271323)
• Feathered Fuchsia color palette (#FFF1F2, #EF6CD7, #B09400, #008DA5, #2F1014)
• Patina Mallow Basin color palette (#FFF1F3, #ED95F2, #CEA341, #4FA0A9, #3C2227)
• Gentle Courtyard color palette (#FFD8E6, #C199EE, #9DAF54, #29A574, #332244)
• Muted Peony Garden color palette (#FFF1F1, #ED63B9, #649A5B, #006E6D, #270B0C)
• Washed Clover color palette (#FFF1F1, #FF8386, #3ABC00, #5585D4, #3C1113)
• Violet Grove color palette (#ECEEFF, #8966C0, #6E7500, #436800, #19092E)
• Quiet Ember color palette (#FFF2EF, #FE4229, #009C4B, #5265AE, #210100)

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