Hazy Workshop color palette — #FFF2EB · #DC9174 · #54863B · #00516D · #300234

A conversation between Olive Leaf and Camel, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Camel (#DC9174): A luminous, balanced orange — the color of toasted spice.
• Olive Leaf (#54863B): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#00516D): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#300234): A deep, shadowed, balanced pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Navy Loft color palette (#FDF3E7, #D39A46, #008C66, #004599, #370022)
• Chalky Denim Pier color palette (#FEF3E8, #E6AE78, #589B70, #00609B, #43183A)
• Bronze Alley color palette (#FFF2EE, #E08996, #8C7400, #00574A, #021449)
• Tempered Studio color palette (#FFEBF7, #C54900, #3C600E, #004152, #371F46)
• Softworn Petrol color palette (#FFF2EA, #F5D5B1, #A19571, #2E7996, #4F344F)
• Tempered Market color palette (#F7F7E2, #77A146, #006E8B, #59006D, #190700)
• Gentle Lagoon color palette (#FFEDEE, #F399E0, #5AAB54, #6D4EA7, #30214E)
• Crimson Atelier color palette (#FBE6FA, #CB4852, #006264, #00365C, #001529)

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