Clover Harbor color palette — #E7F2D3 · #00B747 · #006F56 · #004347 · #162642

Built around Clover, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Honeydew (#E7F2D3): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#00B747): A luminous, vivid green — the color of a quiet forest floor.
• Pine (#006F56): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004347): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#162642): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Calm, Energy, Balance. Tagged cool.

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

• Chalky Lime color palette (#F3EAC7, #74BC27, #00916E, #005E66, #002E4C)
• Pale Loft color palette (#D8E6D5, #50D792, #00AE8C, #007A7A, #002F38)
• Pale Lime color palette (#EDFBD8, #B3C900, #00B483, #007998, #00312A)
• Patina Pine Loft color palette (#E9DEC8, #9B9F00, #127413, #004635, #002D30)
• Quiet Emerald color palette (#FFDCCB, #16971F, #005E63, #670045, #003221)
• Softworn Navy Parlor color palette (#C6EAD9, #009E97, #00677E, #003963, #100474)
• Navy Delta color palette (#9BFEBD, #00C3A5, #007A85, #004B6E, #0A1193)
• Muted Fern Harbor color palette (#F5F7E6, #CCD7C2, #76B3B4, #216C00, #33342D)

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