Clover Harbor color palette — #EEEECC · #50C46F · #00908A · #00566A · #00264B
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Parchment (#EEEECC): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#50C46F): A luminous, vivid green — the color of fresh herbs.
- Fern (#00908A): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#00566A): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#00264B): A deep, shadowed, balanced blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
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
- Airy Station color palette (#EAF3E1, #00C38B, #008F92, #005887, #1E0074)
- Lime Quarry color palette (#F0E7D8, #9EB700, #009558, #005C57, #002B37)
- Mint Bloom color palette (#F4FF97, #00E084, #009B92, #004E69, #060053)
- Antique Mint color palette (#D4E6D8, #00D9B6, #00A8A4, #007887, #002E41)
- Moss Coast color palette (#FFDBD6, #67AF05, #007D8B, #94030D, #00321F)
- Worn Pine color palette (#E6EFE2, #008662, #00515A, #00223A, #020016)
- Quiet Villa color palette (#D9FFF2, #A7D8BD, #52AFAF, #037CAD, #2D4182)
- Nightshade Boulevard color palette (#CDE8D5, #00B6B8, #007EA4, #003DB2, #360059)
Browse the whole catalog at Explore, or see today's palette.