Clover Harbor color palette — #DFFDF6 · #BACC7E · #70C04B · #008759 · #0B3A15
Built around Clover, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#DFFDF6): A whisper-light, dusty teal — the color of glacier melt.
- Pistachio (#BACC7E): A luminous, balanced green — the color of a quiet forest floor.
- Clover (#70C04B): A luminous, vivid green — the color of fresh herbs.
- Fern (#008759): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#0B3A15): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, 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
- Pale Emerald color palette (#E6FBF3, #D8C253, #92AE18, #329300, #23310B)
- Muted Lagoon color palette (#E5FAFB, #7FD38F, #00BC8E, #00837E, #00352B)
- Hushed Lime Villa color palette (#E3F7F2, #F2B843, #61C900, #009796, #001B07)
- Jade Dune color palette (#D5F0DC, #46A97E, #007B5F, #005A49, #00423C)
- Lime Dune color palette (#F8F6E3, #FECA64, #97D74A, #00AEA8, #30312A)
- Sunlit Amber color palette (#E9FAEE, #E8B475, #BF9600, #798100, #3D3500)
- Antique Atelier color palette (#D1E7E4, #78AA00, #009D3E, #00654C, #001D0D)
- Quiet Emerald Canyon color palette (#BBE9ED, #00A45C, #008369, #004D4D, #000B08)
Browse the whole catalog at Explore, or see today's palette.