Clover Harbor color palette — #FFF1F6 · #F99823 · #34C642 · #009F8A · #402404

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Apricot (#F99823): A luminous, vivid gold — the color of afternoon light on wheat.
• Clover (#34C642): A luminous, vivid green — the color of a quiet forest floor.
• Fern (#009F8A): A luminous, balanced teal — the color of sea glass.
• Espresso (#402404): A deep, shadowed, dusty gold — the color of old brass.

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

• Tempered Marigold color palette (#FFF1F6, #FC9E36, #93A300, #008A6A, #60030D)
• Antique Mustard color palette (#E5FCEC, #D7AD00, #00C29B, #009AAB, #153320)
• Antique Field color palette (#F1D5E1, #E97B00, #4AAA21, #00886F, #2C0F1E)
• Linen Coast color palette (#FFF0FD, #FF8C86, #B6AA00, #559E2B, #461D1B)
• Airy Apricot Basin color palette (#FFE6F5, #FE8554, #8AAF3D, #A468B1, #361D2D)
• Emerald Parlor color palette (#E1FEE5, #FFAA66, #CC9100, #009347, #4E2C00)
• Faded Turquoise color palette (#E7FAF4, #A9C76D, #00C3D9, #4399CA, #1F3932)
• Blush Loft color palette (#F9F2FF, #FF81C1, #DC9600, #978B00, #411D2F)

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