Clover Studio color palette — #F7D4D7 · #FF98F2 · #22C05F · #A73B9D · #003313

Built around Clover, softened by Orchid — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F7D4D7): A whisper-light, dusty red — the color of late-summer berries.
• Carnation (#FF98F2): A luminous, vivid pink — the color of neon signs at night.
• Clover (#22C05F): A luminous, vivid teal — the color of glacier melt.
• Orchid (#A73B9D): A full-bodied, vivid pink — the color of peonies in June.
• Deep Forest (#003313): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Washed Quarry color palette (#F5D5D6, #FF72D8, #00BAA3, #BD56A1, #00312A)
• Quiet Fuchsia Courtyard color palette (#E2D7FB, #EF71E3, #009F58, #871E80, #003318)
• Byzantium Orchard color palette (#FBD1E0, #D3B0FF, #A3AB03, #874CC1, #292C00)
• Plum Boulevard color palette (#FAD4CB, #FFA5B1, #04BC9B, #C02F54, #003127)
• Jade Chapel color palette (#FFE8E7, #FFBCD8, #46B769, #C77298, #0F401F)
• Tempered Harbor color palette (#FFF1F3, #E47FDB, #009FD5, #982F92, #001B28)
• Lime Alley color palette (#EDD8D7, #9ECA54, #AA5B82, #69344F, #190404)
• Airy Seafoam Terrace color palette (#FFF2EF, #FFB3C6, #57D5C8, #D88098, #324A2D)

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