Soft Clover color palette — #F8EFE2 · #BEBF00 · #02B932 · #00827B · #002D3A
Built around Clover, softened by Gold — the whole palette hums with nature and growth.
The five colors
- Cream (#F8EFE2): a clean, paper-quiet neutral.
- Gold (#BEBF00): A luminous, vivid green — the color of new leaves after rain.
- Clover (#02B932): A luminous, vivid green — the color of a quiet forest floor.
- Teal (#00827B): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#002D3A): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Soft Clover 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
- Linen Lime color palette (#EAE3CE, #93CF52, #00B281, #007F87, #002E47)
- Washed Field color palette (#DFE2D1, #78C33A, #00954C, #005A4B, #003331)
- Marigold Boulevard color palette (#FFDFD2, #EFA806, #88A200, #00853F, #002F2C)
- Plum Station color palette (#D2F1E0, #B9AB00, #00A08D, #B90071, #292500)
- Chartreuse Study color palette (#F3FF97, #7DDE50, #009C52, #005648, #001F1E)
- Emerald Pier color palette (#D5F4F1, #00AF49, #006668, #044118, #000A05)
- Faded Corridor color palette (#EAF1DE, #67C98E, #00A5A1, #007393, #0A0074)
- Wandering Villa color palette (#E8E2C3, #589034, #007055, #00454D, #00060D)
Browse the whole catalog at Explore, or see today's palette.