Clover Villa color palette — #E3E7F9 · #04D76D · #FA761A · #431A01 · #231810

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

The five colors

• Frost (#E3E7F9): A whisper-light, dusty violet — the color of twilight just after sunset.
• Clover (#04D76D): A luminous, vivid teal — the color of shallow lagoons.
• Tangerine (#FA761A): A luminous, vivid orange — the color of toasted spice.
• Espresso (#431A01): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#231810): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged neon, dark, 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

• Worn Lime Lantern color palette (#DDE9F2, #52D350, #FF687A, #45210E, #251814)
• Sunlit Field color palette (#E7E6FE, #00E55E, #FF9962, #5E4753, #281A22)
• Marigold Drift color palette (#F0ECFD, #00CEC6, #D19500, #32322B, #281C0B)
• Tempered Jade color palette (#E0E8F9, #00AC7E, #B26100, #1C1401, #0A0300)
• Aged Cocoa Pier color palette (#FBEBDF, #B49759, #683200, #371800, #150F00)
• Ancient Lime Bloom color palette (#F7DEEB, #7FC0FF, #8EBA00, #063920, #211E01)
• Weathered Workshop color palette (#D3E4EB, #9ECBFF, #E87067, #462E43, #21151F)
• Wandering Fern color palette (#FAF4ED, #C68C46, #4F6800, #704400, #1C1900)

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