Clover Harbor color palette — #DDFDFC · #D4CF60 · #00BC4C · #007E95 · #003639

Clover and Honey set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#DDFDFC): A whisper-light, dusty teal — the color of sea glass.
• Honey (#D4CF60): A whisper-light, balanced green — the color of a quiet forest floor.
• Clover (#00BC4C): A luminous, vivid green — the color of a quiet forest floor.
• Teal (#007E95): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Forest (#003639): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Wandering Lime Alley color palette (#E3FBF6, #EDB525, #6BC43B, #008F8E, #003E3F)
• Pale Teal color palette (#E5FAFB, #BECD65, #00B593, #0082B1, #053742)
• Washed Lime Pier color palette (#EFF6DC, #82DA54, #50CA76, #008B73, #001C10)
• Frosted Mint Bloom color palette (#E3FAFD, #CDEA8B, #00DBB8, #228FD0, #1E4149)
• Jade Loft color palette (#DDEBE0, #00AE82, #00827F, #00595F, #004057)
• Airy Station color palette (#E9FAF1, #FFB881, #AFA700, #008B69, #23330C)
• Hazy Chartreuse color palette (#DBFDFB, #A0EE50, #60D78E, #27B497, #003435)
• Hazy Moss color palette (#D0F1F2, #9AA900, #00926D, #005D77, #001D18)

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