Clover Villa color palette — #D9EDFF · #00D378 · #FF7073 · #570D14 · #290F06

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

The five colors

• Frost (#D9EDFF): A whisper-light, dusty blue — the color of deep harbor water.
• Clover (#00D378): A luminous, vivid teal — the color of glacier melt.
• Watermelon (#FF7073): A luminous, vivid orange — the color of sun-warmed clay.
• Espresso (#570D14): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#290F06): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Worn Chartreuse color palette (#D6DEF7, #00F546, #FF9D84, #3A0800, #080005)
• Gentle Peony Hollow color palette (#D7E7D5, #15DBEA, #E34996, #541635, #210C0B)
• Clover Veranda color palette (#C9F0F1, #33CC1D, #CD8800, #203118, #091B09)
• Antique Lantern color palette (#D9EEE9, #B1B7FF, #E85E47, #511A10, #201009)
• Dusty Blush color palette (#C7E9E9, #7CC6FF, #E66981, #77313F, #230E27)
• Terracotta Meadow color palette (#F6DFD3, #C4AB00, #A02B00, #551300, #1E0800)
• Worn Marigold Parlor color palette (#F3EAFF, #52C9FE, #E89C00, #3B3630, #20190F)
• Grape Field color palette (#FFDBD2, #F3155C, #00898B, #660BD3, #380F16)

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