Hazy Workshop color palette — #FFF0FE · #F9C1F4 · #FF9C88 · #9C9400 · #563512
A conversation between Moss and Melon, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Thistle (#F9C1F4): A whisper-light, balanced pink — the color of a candy shop window.
- Melon (#FF9C88): A luminous, balanced orange — the color of autumn markets.
- Moss (#9C9400): A luminous, balanced green — the color of a quiet forest floor.
- Cocoa (#563512): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged candy, vibrant, light.
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
- Blush Drift color palette (#FFF0FE, #E8C6FF, #FE8897, #B48B00, #4E2E44)
- Apricot Corridor color palette (#FFF1F7, #FFC1ED, #F6965C, #6AA651, #27422B)
- Faded Delta color palette (#FEEEE5, #FFC2CD, #FF9977, #AC8731, #301C0C)
- Quiet Mustard color palette (#E5FDE8, #FFB1B6, #D0A600, #009B72, #393700)
- Wandering Marigold color palette (#FEF0FA, #F1D3CB, #E9BF89, #CE9B36, #553746)
- Wandering Study color palette (#FFF1F6, #EFD3CB, #E4C785, #71A351, #304C3A)
- Hushed Terrace color palette (#DFF5E9, #FF8E78, #9D8B00, #00795F, #262C00)
- Bronze Pier color palette (#FDDDFA, #D69171, #A16A00, #6B5700, #22512F)
Browse the whole catalog at Explore, or see today's palette.