Clover Villa color palette — #F8CEFF · #FFCFCA · #77BE63 · #35352E · #191910
Built around Clover, softened by Thistle — the whole palette hums with nature and growth.
The five colors
- Thistle (#F8CEFF): A whisper-light, dusty pink — the color of a candy shop window.
- Shell Pink (#FFCFCA): A whisper-light, dusty orange — the color of toasted spice.
- Clover (#77BE63): A luminous, balanced green — the color of new leaves after rain.
- Espresso (#35352E): quiet, heavy and certain.
- Ink (#191910): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged neon, dark, vibrant, muted.
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
- Washed Mint color palette (#F1E5D3, #FFB4BE, #71D490, #2C2F21, #15180D)
- Wandering Villa color palette (#F7DBDD, #C8C4FF, #DEB641, #322F28, #1F1A11)
- Worn Mint color palette (#FFDBD8, #BFCFFF, #00DEAE, #2E4D3D, #2E3429)
- Wandering Garden color palette (#E6E1CE, #FF7A5A, #00B573, #171E05, #060902)
- Linen Moss color palette (#F7E7FF, #FEAB2B, #43A700, #0A2800, #111100)
- Tempered Lagoon color palette (#EDF4EE, #D0D9DA, #ACABA2, #518E96, #303932)
- Teal Delta color palette (#EBF5E9, #39A8A0, #A37382, #7C4F5D, #1C261A)
- Pine Coast color palette (#F0F3EC, #9BD2B7, #9A71A4, #2C8461, #201114)
Browse the whole catalog at Explore, or see today's palette.