Hazy Clover Garden color palette — #DDE2C2 · #60B729 · #007652 · #003131 · #000304

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

The five colors

• Celadon Mist (#DDE2C2): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#60B729): A luminous, vivid green — the color of new leaves after rain.
• Pine (#007652): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Forest (#003131): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000304): quiet, heavy and certain.

Feels like: Nature, Growth, Energy, Balance. Tagged cool.

Use it as a design system

One click turns Hazy Clover Garden 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 Workshop color palette (#F7EEE1, #A9A600, #3F6D00, #003622, #000303)
• Wandering Veranda color palette (#DBE4D7, #00A06F, #005955, #00262D, #000103)
• Washed Moss color palette (#F5EDD8, #72B439, #009362, #00676A, #001925)
• Celadon Delta color palette (#A6FA99, #00B98D, #007073, #003645, #000413)
• Chalky Moss Terrace color palette (#FFE9DC, #4AA200, #006161, #4B093F, #000502)
• Faded Nightshade color palette (#D7FBF6, #219313, #3833B4, #47002D, #060000)
• Lagoon Bloom color palette (#D2E3DA, #008588, #004756, #001023, #01000A)
• Gentle Mint Thicket color palette (#E3F7D7, #36C8A7, #337B95, #49334D, #340715)

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