Clover Harbor color palette — #FFDDC2 · #EA8700 · #3BC12D · #AE3A8C · #311800

A conversation between Clover and Magenta Rose, giving this palette its sense of nature and growth.

The five colors

• Peach Cream (#FFDDC2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Apricot (#EA8700): A luminous, vivid gold — the color of old brass.
• Clover (#3BC12D): A luminous, vivid green — the color of fresh herbs.
• Magenta Rose (#AE3A8C): A full-bodied, vivid pink — the color of peonies in June.
• Onyx (#311800): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged vibrant, warm.

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

• Hushed Clover Field color palette (#FFE9EF, #D48600, #23B342, #AA1D79, #2C0500)
• Antique Tangerine Basin color palette (#FDD8ED, #FF732A, #8DB21F, #9A45AA, #391100)
• Gentle Raspberry color palette (#CCEFD6, #C69D00, #00B091, #C94069, #281E00)
• Muted Quarry color palette (#FFDADD, #FF6885, #BE9F1E, #6F53D3, #3A0D17)
• Lime Grove color palette (#D8F7EB, #A8B800, #19B5BA, #B76B5E, #0A2D23)
• Terracotta Thicket color palette (#D0E3DC, #849500, #009099, #A63A13, #00110B)
• Pale Honey Study color palette (#E4F8E4, #FDB233, #9AA400, #BD8000, #121300)
• Mustard Corridor color palette (#ECF9EC, #F5B55A, #89C7A1, #A590B5, #364036)

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