Clover Coast color palette — #F0EBFF · #00D976 · #FF8286 · #6D3B3C · #251009

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

The five colors

• Blush (#F0EBFF): A whisper-light, dusty violet — the color of wild irises.
• Clover (#00D976): A luminous, vivid teal — the color of glacier melt.
• Salmon (#FF8286): A luminous, balanced red — the color of embers at dusk.
• Cocoa (#6D3B3C): A full-bodied, dusty red — the color of embers at dusk.
• Ink (#251009): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, 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

• Powdered Pier color palette (#DEEAFF, #A6C600, #FF76BF, #61344B, #281413)
• Chalky Clover color palette (#D0ECF0, #00D27B, #C3A200, #3D3100, #0E1C14)
• Gentle Terrace color palette (#C9E8EF, #FF90E8, #E66E5F, #6A2F28, #26130A)
• Aged Marigold color palette (#E7E2F2, #4BD9FD, #FFA743, #745230, #2C2217)
• Timeworn Seafoam color palette (#3BFDF1, #D7D9FF, #EB83A1, #440720, #050007)
• Powdered Peony color palette (#DAEEE1, #BEB1FF, #E5639D, #6E364D, #281311)
• Softworn Amber Market color palette (#D2EDF3, #EA7BA5, #D87200, #3F3934, #1F1207)
• Mustard Hollow color palette (#F8DFCC, #E3BB00, #C25F00, #773C0D, #1C0A00)

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