Hazy Workshop color palette — #E4F7EE · #90EEEF · #50CEF8 · #697CE4 · #04263F

Periwinkle and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E4F7EE): A whisper-light, dusty teal — the color of shallow lagoons.
• Sea Foam (#90EEEF): A whisper-light, balanced teal — the color of shallow lagoons.
• Sky (#50CEF8): A luminous, balanced blue — the color of deep harbor water.
• Periwinkle (#697CE4): A luminous, balanced violet — the color of wild irises.
• Midnight (#04263F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged candy, vibrant, light, cool.

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

• Cobalt Pier color palette (#E5F7E9, #A1EFD6, #43D4E4, #008DE4, #042F1D)
• Antique Lilac Workshop color palette (#E4F7F1, #78E9FB, #88C9FF, #9986E7, #341A33)
• Dusty Nightshade color palette (#C5E9DA, #74ABDF, #4E7AC4, #3F4394, #2B274F)
• Softworn Sky Summit color palette (#EAF8FF, #77F1BF, #4EC6FE, #9B74B7, #243B51)
• Pale Amethyst Market color palette (#D1FDF1, #00D4F5, #30A5FF, #7D1EF8, #000641)
• Periwinkle Harbor color palette (#EBF7FF, #69FEFD, #83DFFF, #87A3FF, #2C4153)
• Frosted Veranda color palette (#FFEBF8, #B0D4FF, #A1A5FF, #CB2EEB, #220B45)
• Frosted Loft color palette (#FFE8F4, #97BAFF, #9C74FB, #C100AE, #160023)

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