Hazy Atelier color palette — #F4EBCC · #6BC44D · #008D65 · #754580 · #143706

Clover and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F4EBCC): A whisper-light, dusty green — the color of a quiet forest floor.
• Clover (#6BC44D): A luminous, vivid green — the color of fresh herbs.
• Fern (#008D65): A full-bodied, balanced teal — the color of sea glass.
• Plum (#754580): A full-bodied, balanced pink — the color of a candy shop window.
• Deep Forest (#143706): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Tempered Grove color palette (#F0E3CE, #A2AD5F, #3F8437, #6E475D, #302907)
• Emerald Harbor color palette (#E3FCF3, #A1D393, #00965B, #82396E, #072600)
• Hushed Moss Atelier color palette (#F6EAD0, #6FA25C, #006A54, #583160, #1A360E)
• Airy Pier color palette (#FFF3E4, #C5BF61, #699638, #825A79, #3F3C10)
• Feathered Grove color palette (#DDF1E5, #9FD090, #00B08F, #9F5BB0, #16370A)
• Tempered Seafoam color palette (#F8F6E5, #9ED4A6, #53A08C, #886A60, #42433C)
• Worn Emerald Lantern color palette (#E1E1D1, #009C65, #006059, #5B241E, #0C1200)
• Hushed Lime Balcony color palette (#FFF2E7, #FDD94A, #84D452, #C0574F, #483000)

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