Hazy Workshop color palette — #F3F4FF · #C486FF · #608200 · #007042 · #282745

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

The five colors

• Ivory (#F3F4FF): bright and airy, almost weightless.
• Wisteria (#C486FF): A luminous, vivid violet — the color of a velvet chair.
• Olive Leaf (#608200): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#007042): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#282745): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

Use it as a design system

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

• Fuchsia Harbor color palette (#F5F3FF, #E967FF, #178B41, #006C5F, #2C2642)
• Powdered Wisteria Bloom color palette (#FFF1F5, #CD9DFF, #998000, #007B47, #250C39)
• Misty Magenta Harbor color palette (#DDDBF3, #D048F4, #3F6F11, #00573D, #1B1532)
• Iris Parlor color palette (#F0F5FF, #7489FF, #9D8500, #786500, #1D2B47)
• Peony Corridor color palette (#F8F2FF, #E66EB3, #36A38F, #3A7C6E, #382E41)
• Byzantium Terrace color palette (#F4F4FF, #9C43D2, #5B7100, #415200, #352242)
• Pale Fuchsia color palette (#F2FCC7, #ED67F5, #C75251, #006869, #50243D)
• Soft Emerald Terrace color palette (#FFF2F0, #FF8EBA, #F8778A, #089F28, #48182C)

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