Clover Villa color palette — #FFDCCC · #00D35F · #00A0B1 · #AE3778 · #003125

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

The five colors

• Shell Pink (#FFDCCC): A whisper-light, dusty orange — the color of autumn markets.
• Clover (#00D35F): A luminous, vivid green — the color of fresh herbs.
• Cerulean (#00A0B1): A luminous, balanced blue — the color of open sky before noon.
• Magenta Rose (#AE3778): A full-bodied, vivid rose — the color of a warm blush.
• Deep Forest (#003125): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged retro, vibrant.

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

• Powdered Byzantium color palette (#FFDDC3, #ABBD00, #00A689, #993DAA, #0E3200)
• Azure Hollow color palette (#FFDBD4, #00CCB5, #19A0E5, #A63A39, #003033)
• Lime Grove color palette (#FFF1F4, #65C627, #008193, #820046, #001E13)
• Mint Atelier color palette (#F2EDC5, #4AE17D, #00AF95, #728347, #023817)
• Timeworn Seafoam color palette (#D4EDD6, #2ADAC6, #5FA4CD, #9F675E, #67261E)
• Softworn Clover color palette (#CDF4D2, #00CA56, #6D77FF, #B42C47, #4A0013)
• Aged Seafoam color palette (#FFF2EA, #89E7B9, #7EB8CB, #AB7F79, #3F4C3B)
• Antique Workshop color palette (#F6DBBF, #00ABC0, #506ED2, #794800, #001925)

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