Clover Harbor color palette — #E0FFDE · #00D369 · #008238 · #004B1B · #00310C

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

The five colors

• Honeydew (#E0FFDE): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#00D369): A luminous, vivid teal — the color of glacier melt.
• Olive (#008238): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#004B1B): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Forest (#00310C): A deep, shadowed, balanced green — the color of a quiet forest floor.

Feels like: Nature, Growth, Energy, Balance. Tagged monochrome, 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

• Quiet Boulevard color palette (#DAFFEE, #15B786, #00725E, #00422F, #002B21)
• Hushed Meadow color palette (#DDFFE6, #7FDA90, #00A04D, #006A2D, #002E09)
• Patina Lime color palette (#F3FDB3, #A3BA00, #687400, #3C4000, #2A2B00)
• Wandering Aqua Ridge color palette (#D4FFFC, #3ED4D3, #00857D, #00504F, #003634)
• Jade Ridge color palette (#FAE6E3, #E4B8FF, #00B45A, #00413A, #112B2A)
• Tempered Grove color palette (#E1FBFF, #00BCA2, #644CBE, #006456, #151A35)
• Ancient Lagoon color palette (#C5EBE3, #009780, #004E43, #00241E, #000B09)
• Aged Plum color palette (#E0FBFF, #008A78, #AB3650, #851A36, #00342C)

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