Clover Harbor color palette — #FFF4DE · #00CC59 · #00847E · #6C0B81 · #001E13

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

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Clover (#00CC59): A luminous, vivid green — the color of new leaves after rain.
• Teal (#00847E): A full-bodied, balanced teal — the color of sea glass.
• Plum (#6C0B81): A deep, shadowed, vivid pink — the color of peonies in June.
• Ink (#001E13): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Ancient Aubergine color palette (#F0FBD9, #00B76C, #0071AF, #6C0066, #200C00)
• Soft Delta color palette (#FFF4E2, #00C5AF, #007F9C, #800051, #001D1E)
• Sunlit Aubergine color palette (#FFF4DE, #A4B700, #008852, #481BAA, #0D1D00)
• Gentle Lime color palette (#FFDADC, #69CD00, #00A0B5, #A63F81, #003221)
• Gentle Emerald color palette (#FDDED0, #349800, #005E60, #5C0039, #00170C)
• Dusty Lagoon Cabin color palette (#E1F7CD, #009473, #4B4751, #003233, #000A06)
• Pale Emerald Coast color palette (#DBEEAE, #009559, #006053, #003968, #003222)
• Mint Cabin color palette (#FAF7D8, #89DA88, #009566, #4D611D, #052607)

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