Clover Harbor color palette — #FDF0E0 · #FDB234 · #47B700 · #BE8000 · #121300

Clover takes the lead with Saffron close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FDF0E0): A whisper-light, dusty gold — the color of honey in a jar.
• Saffron (#FDB234): A luminous, balanced gold — the color of old brass.
• Clover (#47B700): A luminous, vivid green — the color of fresh herbs.
• Mustard (#BE8000): A luminous, balanced gold — the color of old brass.
• Ink (#121300): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Amber Canyon color palette (#FEEFE2, #FFAD6F, #99A400, #D37000, #111300)
• Softworn Sunflower Field color palette (#FAF5E5, #D9D645, #00C58A, #A4A000, #182107)
• Airy Chapel color palette (#EEECDE, #B4C76A, #00AAA8, #7F9300, #021202)
• Tempered Station color palette (#FFEEE6, #FFA89E, #BA9700, #FE3232, #171100)
• Feathered Emerald Summit color palette (#F9E2B4, #C4B400, #1EAB22, #4B59DB, #262D00)
• Gentle Mustard color palette (#E7E0CB, #BEC100, #7DA800, #00802B, #003423)
• Soft Market color palette (#FFEAD0, #D19A00, #0097BB, #7A46D5, #320306)
• Linen Bronze color palette (#FFF1F7, #FFAE75, #00946F, #A25200, #000202)

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