Clover Harbor color palette — #F5F7E5 · #A4E1A0 · #00BDCC · #21BA26 · #002226
Built around Clover, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Cream (#F5F7E5): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#A4E1A0): A whisper-light, balanced green — the color of new leaves after rain.
- Cyan (#00BDCC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Clover (#21BA26): A luminous, vivid green — the color of fresh herbs.
- Midnight (#002226): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged duotone, vibrant.
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
- Jade Cabin color palette (#F2F8EA, #6AEBB0, #00B8E7, #00B77B, #002416)
- Soft Moss color palette (#F9F5E8, #D2D675, #00C2A3, #9FA200, #132208)
- Antique Basin color palette (#F2F7F1, #91E8DE, #77B3F1, #00BAAE, #2D1D2F)
- Wandering Quarry color palette (#FFF4E2, #28DFB3, #00B1C8, #C5349E, #003F3A)
- Softworn Crimson color palette (#F3F8E5, #42C874, #9082FD, #D40057, #322400)
- Muted Azure Canyon color palette (#E9FAF3, #D2E564, #0299EB, #7A8700, #000B18)
- Airy Periwinkle color palette (#F8F6E6, #B3C661, #5795FF, #606F00, #081B3D)
- Tempered Veranda color palette (#E4ECDF, #0BC5A6, #147EF7, #008A74, #00030E)
Browse the whole catalog at Explore, or see today's palette.