Clover Pier color palette — #FFF2EF · #39C054 · #007693 · #6A1F3E · #001711

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Clover (#39C054): A luminous, vivid green — the color of fresh herbs.
• Teal (#007693): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#6A1F3E): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Ink (#001711): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

Use it as a design system

One click turns Clover Pier 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

• Chalky Moss Orchard color palette (#FFF2EC, #A4AB00, #007B75, #621E60, #021801)
• Mint Orchard color palette (#FFF2EE, #4BD48B, #0089B9, #7D3742, #162611)
• Timeworn Sapphire color palette (#FFF2EC, #00BCA0, #006BC4, #701F0F, #001619)
• Tempered Cabin color palette (#F9F6E2, #6DD398, #008883, #52514A, #151B00)
• Worn Courtyard color palette (#FFE8E7, #00A27C, #00598E, #57000F, #000505)
• Garnet Corridor color palette (#F5D2EB, #3E8A47, #00585E, #650019, #002C1F)
• Sunlit Emerald color palette (#F1FADA, #04B05A, #94318F, #6A082B, #200008)
• Feathered Mint color palette (#BBEADD, #1DC69E, #009C9A, #4563A7, #002B25)

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