Clover Studio color palette — #E0F7F6 · #00CB73 · #008984 · #007E45 · #001615

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

The five colors

• Ivory (#E0F7F6): A whisper-light, dusty teal — the color of sea glass.
• Clover (#00CB73): A luminous, vivid teal — the color of sea glass.
• Fern (#008984): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#007E45): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#001615): A deep, shadowed, dusty teal — the color of sea glass.

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

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

• Softworn Drift color palette (#E3F7F1, #90BE00, #008C70, #587500, #001610)
• Misty Teal color palette (#DCF8FE, #00C5B8, #0085A3, #007A71, #00141F)
• Soft Balcony color palette (#F1F8E7, #25E59C, #008F99, #007F53, #000200)
• Gentle Teal color palette (#E0F4EE, #00C4B6, #008F91, #005D69, #00303B)
• Quiet Nightshade color palette (#D2EFC6, #00B0A1, #007D89, #3C2ABD, #00302F)
• Lagoon Station color palette (#C7F1F7, #00A38E, #00729C, #5A4400, #052D02)
• Pale Moss Delta color palette (#E3F7F2, #729E37, #00598B, #335100, #001323)
• Worn Lagoon color palette (#E8F9FA, #CCE3E6, #A3C5CD, #008C6B, #15393B)

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