Hazy Wisteria color palette — #FFF1F4 · #C77BDA · #489E6F · #1D7048 · #260B13

Wisteria and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Wisteria (#C77BDA): A luminous, balanced pink — the color of peonies in June.
• Fern (#489E6F): A luminous, balanced teal — the color of sea glass.
• Pine (#1D7048): A full-bodied, balanced teal — the color of sea glass.
• Ink (#260B13): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Nature, Growth, 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

• Lilac Garden color palette (#FFF1F7, #A787F3, #869147, #5D6610, #250A19)
• Worn Blush Villa color palette (#FFF2EF, #E5768F, #009CAA, #006C77, #250D09)
• Dusty Blush Balcony color palette (#FFF2F0, #E583A3, #0D8A6D, #00555A, #002023)
• Wisteria Workshop color palette (#F0EBFE, #D491D1, #98AA56, #00987F, #29213A)
• Faded Lilac Villa color palette (#FFF0F8, #998EF0, #0099BB, #00688D, #220D1A)
• Plum Alley color palette (#F8E3E6, #A0529F, #5B6E00, #004F46, #1D080D)
• Rose Boulevard color palette (#FFF2EF, #FF4033, #009378, #006450, #210000)
• Hazy Mallow color palette (#FBF6D6, #DF99E5, #B86345, #005974, #361715)

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