Hazy Atelier color palette — #ECF9F0 · #958029 · #2E74B7 · #5E437F · #23382C

Slate takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#ECF9F0): bright and airy, almost weightless.
• Walnut (#958029): A luminous, balanced green — the color of new leaves after rain.
• Slate (#2E74B7): A full-bodied, balanced blue — the color of deep harbor water.
• Plum (#5E437F): A full-bodied, balanced violet — the color of wild irises.
• Deep Forest (#23382C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged cool.

Use it as a design system

One click turns Hazy Atelier 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

• Chalky Pier color palette (#E9F9F6, #6B9759, #006C96, #66325E, #263F23)
• Muted Bronze Market color palette (#FFF1F6, #B36F24, #007F8F, #464D84, #3F2D34)
• Moss Quarry color palette (#E7FAF5, #7F9B5A, #7679AF, #7C4E6C, #2E423D)
• Linen Bronze Boulevard color palette (#E3F9E5, #AF7B00, #7769AC, #54487C, #0E1E10)
• Ancient Field color palette (#FFF4DF, #BF9A00, #838AC5, #656B97, #36322C)
• Cypress Garden color palette (#E7FCEB, #82A45F, #007C60, #544372, #254340)
• Muted Courtyard color palette (#DEF3F5, #008469, #893E8B, #762428, #032D30)
• Hushed Grove color palette (#D5FFFC, #28A051, #6130B5, #88004B, #003331)

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