Hazy Workshop color palette — #F0F5FF · #A6BCFF · #ED7F96 · #4864F1 · #4B0B1F

Sapphire and Rose set the tone — five colors that lean into creativity and energy.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Sky (#A6BCFF): A luminous, balanced violet — the color of wild irises.
• Rose (#ED7F96): A luminous, balanced red — the color of a theater curtain.
• Sapphire (#4864F1): A full-bodied, vivid violet — the color of wild irises.
• Espresso (#4B0B1F): A deep, shadowed, balanced red — the color of a theater curtain.

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

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

• Powdered Byzantium color palette (#F3F4FF, #CDB0F0, #EC8760, #9448D6, #481500)
• Violet Boulevard color palette (#F2F5FF, #D5CCFF, #F7A193, #8E73E3, #582821)
• Mustard Corridor color palette (#E6EFFF, #A3BDFF, #E4B421, #6080E1, #443300)
• Chalky Peony Archive color palette (#F0F5FF, #8D9EFC, #D36BB2, #008E9E, #0E1A35)
• Periwinkle Harbor color palette (#F1F5FF, #DCD7E1, #B5AFA5, #809BDD, #313957)
• Byzantium Dune color palette (#F4F4FF, #CE95FF, #00ADC4, #9600DE, #00232A)
• Wandering Bloom color palette (#F5F4FF, #FCBFB3, #7B4F8A, #371941, #040210)
• Nightshade Alley color palette (#E7EEFF, #8586E2, #DD1F43, #4800CE, #170002)

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