Clover Coast color palette — #F0DBE7 · #FFB293 · #00C153 · #355350 · #0F2220

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

The five colors

• Shell Pink (#F0DBE7): A whisper-light, dusty pink — the color of neon signs at night.
• Melon (#FFB293): A whisper-light, balanced orange — the color of sun-warmed clay.
• Clover (#00C153): A luminous, vivid green — the color of fresh herbs.
• Charcoal Brown (#355350): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#0F2220): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged neon, dark, vibrant.

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

• Soft Mint color palette (#F3E1CD, #FF9EBB, #00D986, #304F4E, #162020)
• Antique Honey color palette (#FBE5F1, #F6BE15, #00BC93, #33585A, #0C1D1E)
• Soft Lime Veranda color palette (#F8E5E5, #9AD400, #00B46E, #1D5337, #001C1B)
• Lime Meadow color palette (#FADDE4, #CCADFF, #9ACB00, #35554C, #151E1C)
• Faded Aqua Veranda color palette (#D4F8E4, #FFB45D, #00D9CF, #2F606A, #08272D)
• Teal Coast color palette (#FFE9DB, #CCA5FF, #00C9B7, #313F2C, #182216)
• Amber Bloom color palette (#CDE6E3, #00C1B6, #E67534, #1D505A, #011216)
• Emerald Balcony color palette (#E7DBEB, #DB9400, #28990C, #1F3D1B, #000605)

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