Weathered Clover Villa color palette — #D8FFF8 · #38BD24 · #694ADF · #5A3DA4 · #200310

Built around Clover, softened by Violet — the whole palette hums with nature and growth.

The five colors

• Honeydew (#D8FFF8): A whisper-light, dusty teal — the color of glacier melt.
• Clover (#38BD24): A luminous, vivid green — the color of new leaves after rain.
• Violet (#694ADF): A full-bodied, vivid violet — the color of a velvet chair.
• Plum (#5A3DA4): A full-bodied, balanced violet — the color of a velvet chair.
• Ink (#200310): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Nature, Growth, Creativity, Energy. Tagged jewel, vibrant.

Use it as a design system

One click turns Weathered 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

• Byzantium Studio color palette (#E2FDEF, #99A515, #853EC0, #683694, #240104)
• Sapphire Lantern color palette (#DAFFEF, #A1A917, #2A68D1, #1A50AB, #210A21)
• Pale Emerald color palette (#D6FEFE, #12A657, #643FA6, #531E76, #000200)
• Linen Byzantium color palette (#D3FFFE, #1BBD62, #A32EAF, #713377, #190C00)
• Aged Basin color palette (#E0FCF7, #3CD010, #2777F3, #8F2230, #460100)
• Nightshade Quarry color palette (#F7F7E0, #5C8913, #2627C0, #6D0044, #2F1D00)
• Plum Grove color palette (#E7F9FF, #00B5B1, #AA3F9B, #872363, #131500)
• Plum Boulevard color palette (#DFFCFB, #0EBD7E, #B5307E, #8B2839, #240916)

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