Soft Clover color palette — #DDF3FF · #00D85F · #FF6D56 · #34302A · #241C18

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

The five colors

• Frost (#DDF3FF): A whisper-light, dusty blue — the color of open sky before noon.
• Clover (#00D85F): A luminous, vivid green — the color of fresh herbs.
• Watermelon (#FF6D56): A luminous, vivid orange — the color of toasted spice.
• Espresso (#34302A): quiet, heavy and certain.
• Onyx (#241C18): quiet, heavy and certain.

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

Use it as a design system

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

• Muted Tangerine Workshop color palette (#E5EFFF, #00D2AC, #F97719, #34322B, #271C14)
• Dusty Peony Villa color palette (#BBE9ED, #AAC200, #F65797, #36302B, #281A19)
• Pale Rose Cabin color palette (#DAEDFD, #00BEC4, #FF4F69, #30130A, #0D0503)
• Mustard Villa color palette (#FDCCFE, #FF9779, #B4AE00, #67455D, #291824)
• Chalky Rust Cabin color palette (#CFE6FE, #00AD6F, #C94A00, #1B1100, #090200)
• Gentle Mustard color palette (#F0DDFD, #00D3DF, #B2AE00, #1E3518, #211D11)
• Hushed Amber Workshop color palette (#FAEBE3, #BF942C, #6D2C17, #3C1306, #180F02)
• Weathered Terrace color palette (#DCF4E8, #BBC2FF, #E86895, #3B2A41, #261C2B)

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