Soft Clover color palette — #DFEFED · #00C654 · #306BD8 · #007830 · #020D21

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

The five colors

• Cream (#DFEFED): a clean, paper-quiet neutral.
• Clover (#00C654): A luminous, vivid green — the color of fresh herbs.
• Royal Blue (#306BD8): A full-bodied, vivid violet — the color of wild irises.
• Olive (#007830): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#020D21): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged duotone, 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

• Wandering Indigo color palette (#DEF0EA, #8EB600, #595EDD, #556E00, #050C20)
• Chalky Violet color palette (#DBF0F0, #2CC185, #8551C7, #00764D, #0A0A1E)
• Cobalt Delta color palette (#F3F7EC, #76D19E, #007DBD, #007748, #000201)
• Pale Wisteria color palette (#E6FAF8, #68CD88, #B074D8, #007439, #171628)
• Wandering Mustard Studio color palette (#E2EFE7, #BAA600, #007F99, #716400, #000F19)
• Patina Plum color palette (#DFEEF3, #00BCBA, #B14280, #007271, #120819)
• Dusty Sapphire color palette (#F5D2EA, #00AA93, #1168C1, #74301E, #002A2F)
• Gentle Byzantium Balcony color palette (#DFF6FF, #00C1CE, #B600DB, #00777F, #120C26)

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