Clover Bloom color palette — #F6DED4 · #B4BFFF · #27D449 · #314332 · #282A1E
Built around Clover, softened by Lavender — the whole palette hums with nature and growth.
The five colors
- Shell Pink (#F6DED4): A whisper-light, dusty orange — the color of autumn markets.
- Lavender (#B4BFFF): A luminous, balanced violet — the color of a velvet chair.
- Clover (#27D449): A luminous, vivid green — the color of a quiet forest floor.
- Forest (#314332): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Onyx (#282A1E): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.
Use it as a design system
One click turns Clover Bloom 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
- Wandering Parlor color palette (#F3DFC9, #FCBCFF, #00BD7C, #2C3F32, #24271E)
- Softworn Mustard Villa color palette (#FFE7E5, #9EC6FF, #BBB800, #383A34, #282418)
- Tempered Lime color palette (#F5D8BF, #FFB0CB, #89D73B, #2E4943, #212A28)
- Dusty Seafoam color palette (#FAE8E5, #C2CCFF, #00E8B7, #336C70, #182E30)
- Powdered Mint Bloom color palette (#FFE481, #DDC3FF, #1EDDB1, #384A40, #2F312D)
- Emerald Grove color palette (#E9E0C6, #E29CFF, #2FA204, #003024, #181A09)
- Blush Archive color palette (#DEE5D8, #FF8E90, #00B9B9, #1E3A33, #1A231A)
- Teal Workshop color palette (#F0F8ED, #46C6B2, #5D69AB, #006F62, #2E1E2A)
Browse the whole catalog at Explore, or see today's palette.