Hazy Clover color palette — #FFF6D1 · #FFD0C1 · #F3B913 · #00CE61 · #2E3100
Clover takes the lead with Saffron close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#FFF6D1): A whisper-light, dusty green — the color of fresh herbs.
- Shell Pink (#FFD0C1): A whisper-light, dusty orange — the color of sun-warmed clay.
- Saffron (#F3B913): A luminous, vivid gold — the color of afternoon light on wheat.
- Clover (#00CE61): A luminous, vivid teal — the color of shallow lagoons.
- Deep Forest (#2E3100): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Energy, Softness, Clarity. Tagged candy, vibrant, light.
Use it as a design system
One click turns Hazy 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
- Faded Market color palette (#FFF3E3, #FFC4C5, #FFBE6A, #83BF00, #322600)
- Sunlit Pier color palette (#DCFFEB, #FFD1AF, #CDD600, #00C493, #1A2D00)
- Frosted Mustard Summit color palette (#FFF6CB, #DCDFB3, #E1C300, #8DAA00, #181500)
- Faded Lime color palette (#D7FEF4, #FFC955, #86DA72, #00C3C9, #002C19)
- Quiet Clover Coast color palette (#CBEDEA, #D1C500, #00D26D, #00A1C5, #001A15)
- Quiet Pier color palette (#FFF6D0, #FFC56E, #CEA700, #889A00, #2D2900)
- Gentle Pine Orchard color palette (#E7E1D3, #B6B100, #81A300, #008823, #003D27)
- Frosted Teal color palette (#D4F4E8, #8AD592, #00B08F, #A96468, #00390E)
Browse the whole catalog at Explore, or see today's palette.