Hazy Workshop color palette — #DAFAF4 · #539A3D · #736AAE · #713F5A · #031F1C

A conversation between Kelly Green and Slate, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#DAFAF4): A whisper-light, dusty teal — the color of sea glass.
• Kelly Green (#539A3D): A luminous, balanced green — the color of new leaves after rain.
• Slate (#736AAE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Cocoa (#713F5A): A full-bodied, dusty rose — the color of strawberry cream.
• Ink (#031F1C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Emerald Lantern color palette (#E5F6F5, #34954D, #5A5191, #6D2D39, #05170D)
• Wandering Villa color palette (#E2F7F8, #00AE8B, #9575A0, #70536E, #142628)
• Lagoon Veranda color palette (#F3F7E7, #48945F, #7167A4, #5C4481, #32342D)
• Aged Bronze Station color palette (#E1F9E8, #A38200, #337BAF, #594777, #0D1E13)
• Ancient Teal Pier color palette (#E0FAE5, #00B696, #00788B, #5F374F, #04282F)
• Lime Delta color palette (#E1FCF6, #7ECA5B, #BB88C4, #8A6191, #0C2A26)
• Pale Plum Corridor color palette (#DCF7FF, #008E8D, #B22A7E, #7B2D01, #00171E)
• Timeworn Grape color palette (#DEEDE4, #007F54, #8519AB, #730022, #000F06)

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