Clover Pier color palette — #DAE2F0 · #21CD2E · #FF544C · #3D1C00 · #270F05

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

The five colors

• Frost (#DAE2F0): A whisper-light, dusty violet — the color of a velvet chair.
• Clover (#21CD2E): A luminous, vivid green — the color of fresh herbs.
• Scarlet (#FF544C): A luminous, vivid orange — the color of toasted spice.
• Espresso (#3D1C00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#270F05): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Energy. Tagged neon, dark, vibrant, warm.

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

• Airy Rose color palette (#BFE7F1, #76C300, #F64175, #3C0516, #210A06)
• Tempered Clover color palette (#E6DDFD, #00CC69, #DF7B00, #382C04, #281300)
• Soft Mint Corridor color palette (#E5F0FF, #00D884, #FF8478, #6D342F, #21111E)
• Patina Amber color palette (#ECEEFE, #00BCBA, #C88100, #292507, #1A0E02)
• Chartreuse Parlor color palette (#DDE3FF, #9EE794, #FFA386, #48443D, #362D28)
• Crimson Cabin color palette (#C1EAF5, #00AECC, #EF1245, #370008, #120001)
• Muted Magenta color palette (#C3ECE5, #CCA600, #F11FC6, #4E1F0B, #2B1013)
• Amber Delta color palette (#FEDDCC, #B88A00, #6E1400, #370600, #110600)

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