Clover Workshop color palette — #D2EDF8 · #40D46E · #FF6877 · #421E2B · #201321

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

The five colors

• Frost (#D2EDF8): A whisper-light, dusty blue — the color of open sky before noon.
• Clover (#40D46E): A luminous, vivid green — the color of a quiet forest floor.
• Rose (#FF6877): A luminous, vivid red — the color of a theater curtain.
• Espresso (#421E2B): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#201321): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Clover 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

• Wandering Ember Ridge color palette (#DDE9F4, #35E3CA, #EB5B3C, #422400, #2C1B27)
• Hazy Mustard Grove color palette (#D7F9E6, #C4C200, #FF8855, #4A2D3F, #21181D)
• Linen Fuchsia color palette (#BEEBF2, #ACC100, #F956D1, #40223A, #1F1927)
• Ember Quarry color palette (#F5E6F7, #FB5D27, #A49800, #321808, #110602)
• Patina Balcony color palette (#D1E8E7, #6AE571, #D04CE5, #431E2F, #1B1829)
• Faded Corridor color palette (#D1E4FD, #00AA8F, #EE013E, #230B00, #100110)
• Timeworn Chapel color palette (#DDF5DF, #B6C4FF, #E676A4, #5D4441, #271A19)
• Wandering Garnet color palette (#F6EAF4, #A49E61, #74231D, #460102, #210E1E)

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