Clover Pier color palette — #FFF3E3 · #D3D57F · #71BC44 · #8B7FB4 · #3C3A34

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

The five colors

• Cream (#FFF3E3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Honey (#D3D57F): A whisper-light, balanced green — the color of new leaves after rain.
• Clover (#71BC44): A luminous, vivid green — the color of a quiet forest floor.
• Slate Blue (#8B7FB4): A luminous, dusty violet — the color of wild irises.
• Charcoal (#3C3A34): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

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

• Wandering Archive color palette (#F9F5E7, #B0DDA9, #00C192, #A476A4, #3A3B34)
• Worn Emerald color palette (#ECE4D5, #B2C285, #41A951, #7F6A96, #2F2902)
• Wandering Clover Meadow color palette (#FBE8CD, #C6C93B, #5EBD1F, #A04D87, #303000)
• Pale Moss Pier color palette (#FFF4DB, #DCDF8B, #889C48, #905A57, #303105)
• Weathered Fern color palette (#FAF5EA, #E4DFBC, #9AC19F, #B1918F, #574E00)
• Antique Lagoon color palette (#F3EFDE, #87B581, #009570, #7D527A, #1B1D00)
• Celadon Ridge color palette (#FFF2ED, #DAE95A, #E1DDC6, #EA8CB2, #463F3B)
• Feathered Azure Courtyard color palette (#FFE4E1, #FF9086, #00C2CA, #2AA2FD, #4B2320)

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