Clover Harbor color palette — #E2F7E8 · #FFBFAA · #F7B118 · #38C50F · #232200
Clover and Saffron set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E2F7E8): A whisper-light, dusty teal — the color of sea glass.
- Wheat (#FFBFAA): A whisper-light, dusty orange — the color of sun-warmed clay.
- Saffron (#F7B118): A luminous, vivid gold — the color of old brass.
- Clover (#38C50F): A luminous, vivid green — the color of a quiet forest floor.
- Onyx (#232200): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Clover Harbor 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
- Quiet Clover color palette (#E8FBED, #FFD6BD, #E6CB27, #33CE73, #2C2F00)
- Hazy Lime color palette (#FFF0F8, #FFBDD1, #FFB176, #A3B600, #301A00)
- Powdered Chartreuse Ridge color palette (#D7FEF5, #FBC967, #93DB00, #00C0BA, #002C12)
- Softworn Mustard Garden color palette (#CBE7D9, #FFAA60, #BDB800, #00A975, #111900)
- Honey Ridge color palette (#E0FEEA, #CBE1C2, #EBBF00, #95A200, #120E00)
- Softworn Mustard Meadow color palette (#FEF4E0, #F9B84C, #C9AC00, #7D8F00, #252100)
- Timeworn Basin color palette (#D6EFEA, #F3A010, #84B200, #009795, #000C03)
- Pine Studio color palette (#FAECCB, #B7AE37, #7E9F00, #147F16, #00361E)
Browse the whole catalog at Explore, or see today's palette.