Clover Studio color palette — #F3F8E0 · #00CC6C · #F0545B · #B25152 · #381B05

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

The five colors

• Cream (#F3F8E0): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#00CC6C): A luminous, vivid teal — the color of shallow lagoons.
• Scarlet (#F0545B): A luminous, vivid orange — the color of toasted spice.
• Brick (#B25152): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#381B05): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Warmth, Comfort, Energy, Balance. Tagged jewel, vibrant, 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

• Coral Lagoon color palette (#E6FDE0, #00C4BB, #F1635D, #BD514C, #361F02)
• Muted Station color palette (#FAF7D9, #96B700, #F0459A, #B75480, #3B1514)
• Clover Field color palette (#F5F8DB, #00D271, #E66C00, #618D20, #2A2802)
• Patina Courtyard color palette (#E8FDDE, #29E0C3, #CF60A2, #B15A1F, #502100)
• Airy Workshop color palette (#DDEDDC, #00ABA7, #CF4E80, #9A395E, #201200)
• Periwinkle Coast color palette (#FFF2EF, #00DEC6, #579DFF, #B85B48, #003D45)
• Muted Rust Parlor color palette (#DEF0E4, #0099A9, #C33531, #92302B, #090500)
• Faded Magenta Boulevard color palette (#FFF3E9, #F48C00, #D160EB, #C94E49, #341609)

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