Clover Harbor color palette — #F1F7CA · #DAB200 · #00B632 · #007EA7 · #001B12
Clover takes the lead with Gold close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F1F7CA): A whisper-light, dusty green — the color of a quiet forest floor.
- Gold (#DAB200): A luminous, balanced green — the color of new leaves after rain.
- Clover (#00B632): A luminous, vivid green — the color of new leaves after rain.
- Cerulean (#007EA7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#001B12): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. 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
- Aged Mustard color palette (#CEFFE8, #D0C700, #00BF97, #0075C2, #001515)
- Muted Villa color palette (#F6F4D2, #FE9941, #959F00, #008688, #031900)
- Gentle Lime Basin color palette (#DEFFE6, #98C400, #00AB66, #008584, #002F24)
- Faded Clover Lagoon color palette (#D4FFFC, #EBCA00, #00D443, #009CD5, #003230)
- Quiet Grape color palette (#DFF5E6, #00C43B, #008AAE, #6A0AC4, #00050C)
- Linen Indigo Orchard color palette (#DBF4DF, #73D04F, #00A99D, #595AE4, #001115)
- Powdered Station color palette (#E8DFD1, #7BAD69, #007485, #652F20, #3D0B00)
- Powdered Moss color palette (#EDE4D1, #75A555, #006C51, #4A3D00, #0A1B00)
Browse the whole catalog at Explore, or see today's palette.