Clover Harbor color palette — #E2FBF9 · #45C85A · #009CC2 · #A96918 · #03241A

A conversation between Clover and Ochre, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E2FBF9): A whisper-light, dusty teal — the color of glacier melt.
• Clover (#45C85A): A luminous, vivid green — the color of fresh herbs.
• Cerulean (#009CC2): A luminous, balanced blue — the color of open sky before noon.
• Ochre (#A96918): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#03241A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged jewel, 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

• Misty Mustard Loft color palette (#E5FBF1, #B9B300, #00A89E, #AA564D, #112714)
• Pale Teal Thicket color palette (#E4FAFF, #00CBBD, #6B98E2, #807E45, #14312F)
• Cornflower Loft color palette (#D1F5FF, #00BABC, #667DFF, #657100, #001D10)
• Misty Clover Meadow color palette (#E0FCFA, #00C97D, #009ED2, #6172AE, #05231C)
• Misty Mint Archive color palette (#D2F8EF, #00D7C0, #23AAB5, #6570A8, #043740)
• Tempered Bloom color palette (#D7F4FD, #00B1B2, #446776, #2B4046, #050F11)
• Soft Iris Delta color palette (#E9F8FF, #00B6D5, #947DE9, #9D5F99, #062529)
• Wandering Grape color palette (#DCFDFC, #27AE79, #7646A7, #684175, #0F2312)

Browse the whole catalog at Explore, or see today's palette.