Hazy Workshop color palette — #E4FBFB · #7CCBA5 · #D38DA5 · #33946D · #5C3443

A conversation between Fern and Mint Leaf, giving this palette its sense of balance.

The five colors

• Ivory (#E4FBFB): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#7CCBA5): A luminous, balanced teal — the color of shallow lagoons.
• Dusty Rose (#D38DA5): A luminous, balanced rose — the color of a warm blush.
• Fern (#33946D): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#5C3443): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: 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

• Aged Pier color palette (#DFFDF8, #92C88B, #AF95DC, #519349, #493864)
• Cerulean Garden color palette (#E9F8FF, #88D2DD, #DD9CAA, #3C9BA8, #5A4460)
• Frosted Mallow Grove color palette (#F0F8EC, #89EAD3, #ED95F2, #00A088, #492C4B)
• Washed Teal color palette (#DEFCFF, #52BAA0, #C67EA3, #B56759, #153F43)
• Dusty Study color palette (#EBFAEF, #9DC9B8, #9E8F5C, #816241, #22443F)
• Jade Station color palette (#E4FAFC, #7AE3BF, #A1BCFF, #2DB891, #304361)
• Iris Studio color palette (#F0F9E8, #62B197, #6D87CB, #00775D, #30406C)
• Tempered Amber Dune color palette (#E9F8FF, #33D4F5, #CE6D00, #00869D, #5B2D00)

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