Hazy Workshop color palette — #FFDFDB · #D8735C · #B54400 · #703000 · #361900

A conversation between Terracotta and Coral Clay, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFDFDB): A whisper-light, dusty orange — the color of sun-warmed clay.
• Coral Clay (#D8735C): A luminous, balanced orange — the color of sun-warmed clay.
• Terracotta (#B54400): A full-bodied, balanced orange — the color of sun-warmed clay.
• Rust (#703000): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#361900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, 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

• Softworn Chestnut Coast color palette (#EFDCCF, #BF8C66, #994C18, #5E2F1F, #251300)
• Muted Rose color palette (#F2DDE1, #E95E5D, #A94600, #704200, #4C380C)
• Washed Bronze color palette (#F6E3D4, #DC935B, #B36800, #724700, #322D27)
• Emerald Summit color palette (#F8E5D7, #D27534, #009543, #853F00, #00240B)
• Plum Chapel color palette (#F1D7DF, #DE7394, #BC1F52, #781627, #3B0E0E)
• Ember Summit color palette (#FFF1F3, #FF9A99, #DF5D00, #804900, #402A00)
• Amber Balcony color palette (#F8E9D6, #BB8A00, #886A00, #4E4100, #242000)
• Quiet Olive color palette (#F5DCC2, #AD6B00, #458000, #8E3B56, #201000)

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