Clover Coast color palette — #FCF1FF · #EC9EAF · #74BA5C · #C35775 · #304B28

Clover and Fuchsia set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FCF1FF): A whisper-light, dusty pink — the color of neon signs at night.
• Ballet Pink (#EC9EAF): A luminous, balanced red — the color of embers at dusk.
• Clover (#74BA5C): A luminous, balanced green — the color of a quiet forest floor.
• Fuchsia (#C35775): A luminous, balanced red — the color of embers at dusk.
• Deep Olive (#304B28): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged warm.

Use it as a design system

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

• Dusty Rust color palette (#FDF1FA, #F19F91, #1EC7AE, #BC5447, #0E4D43)
• Peony Atelier color palette (#FFF1F2, #F9BFE8, #61D2B7, #BB68A6, #004337)
• Clover Veranda color palette (#F3F4FF, #C6A7ED, #80C06C, #8A63B7, #134D45)
• Blush Dune color palette (#FFF1F1, #D87CB5, #0BA17C, #924777, #40443D)
• Amber Bloom color palette (#FFF0F8, #D5B990, #C37B53, #8D585C, #2F4239)
• Softworn Tangerine color palette (#F9DAEF, #FF6742, #00A854, #BB2E00, #003918)
• Teal Villa color palette (#F6F3FF, #CE89C6, #00AFAA, #138CAD, #3A344A)
• Softworn Veranda color palette (#FCF1FE, #BACE8D, #9E5B67, #503855, #271E28)

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