Clover Harbor color palette — #FFF3E7 · #F7B229 · #67BF33 · #914BC2 · #3E3600

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Saffron (#F7B229): A luminous, balanced gold — the color of old brass.
• Clover (#67BF33): A luminous, vivid green — the color of new leaves after rain.
• Amethyst (#914BC2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Espresso (#3E3600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged retro.

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

• Byzantium Villa color palette (#FFF3E6, #FFAA6A, #A4AF22, #8847D9, #483000)
• Feathered Plum Ridge color palette (#FFEAD9, #C7BC6F, #3FAF7A, #9D559A, #2A350B)
• Faded Mulberry color palette (#F2D9C3, #CCA542, #39AA47, #8E2997, #262600)
• Muted Sapphire Orchard color palette (#FFF3E2, #FFA599, #CD9E19, #4369D6, #572400)
• Feathered Villa color palette (#FFF2EB, #A9D24F, #00B6A4, #D91973, #193F1E)
• Frosted Raspberry Atelier color palette (#FFF3E7, #F99F46, #00ADB5, #BA359C, #5D0325)
• Patina Teal color palette (#FFE8CA, #CBD5A0, #64BE9D, #A4769B, #673E52)
• Soft Chapel color palette (#F1E1D6, #9B9F21, #008B6C, #911073, #0A1B00)

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