Clover Harbor color palette — #D1EAEC · #00C573 · #009B80 · #007C7D · #000F0C

Clover takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D1EAEC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Clover (#00C573): A luminous, vivid teal — the color of shallow lagoons.
• Fern (#009B80): A luminous, balanced teal — the color of glacier melt.
• Teal (#007C7D): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#000F0C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Clover Cabin color palette (#E6F9D3, #00D372, #00A883, #008180, #000201)
• Muted Moss Canyon color palette (#D8E6D5, #95AC00, #2FAA0C, #00815D, #001402)
• Aged Teal color palette (#CAE6F0, #00AFA3, #008A93, #005F7A, #000405)
• Lime Station color palette (#E2ECD6, #B2BA00, #00B792, #0096CC, #000B0A)
• Worn Moss color palette (#D4F6F6, #7C9600, #007B60, #005674, #001310)
• Antique Spruce color palette (#CBEBE5, #539462, #00633E, #144400, #001504)
• Timeworn Drift color palette (#D5E8E4, #4EB2BF, #007386, #004A49, #00171F)
• Timeworn Boulevard color palette (#D7FFF6, #00EFA6, #00C7B0, #009BA7, #002D2A)

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