Clover Pier color palette — #F5F7E3 · #7CBD65 · #D17778 · #AA5E07 · #251E04

Jade and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F7E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#7CBD65): A luminous, balanced green — the color of new leaves after rain.
• Coral Clay (#D17778): A luminous, balanced red — the color of embers at dusk.
• Ochre (#AA5E07): A full-bodied, balanced gold — the color of old brass.
• Onyx (#251E04): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant.

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

• Muted Atelier color palette (#EFF9E8, #3AC0A2, #C97747, #876C00, #1D1E02)
• Faded Clover color palette (#F3F8E4, #43C072, #009DCB, #A16C28, #272106)
• Marigold Canyon color palette (#FDF4E6, #D8A213, #B471C1, #AD516B, #311C0C)
• Weathered Rust color palette (#DFE8D2, #00A371, #BE4900, #664B00, #020700)
• Powdered Emerald Villa color palette (#DEFFEC, #00BDE5, #A59500, #2D9723, #002827)
• Patina Powder Atelier color palette (#EBF9F1, #73CCEF, #B19CD7, #6F9772, #2A3728)
• Linen Station color palette (#E1F8EC, #15C4F3, #7E8BE2, #925691, #00342D)
• Indigo Terrace color palette (#E7FBEF, #009FBA, #7259AC, #82374D, #202000)

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