Clover Atelier color palette — #F3F7E8 · #00C167 · #006E91 · #006734 · #042318

Clover and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7E8): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#00C167): A luminous, vivid teal — the color of sea glass.
• Peacock (#006E91): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006734): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#042318): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Antique Denim Bloom color palette (#F1F8EC, #34B095, #0061A0, #005D4D, #031D18)
• Soft Ridge color palette (#F8F6E8, #93B000, #00746C, #4D5E00, #11220D)
• Wandering Indigo Coast color palette (#F0F8F0, #42C4C6, #625FC6, #006E70, #2D1F28)
• Faded Mulberry Lagoon color palette (#FFF4E2, #00A290, #006B84, #7E0050, #003E3F)
• Lime Pier color palette (#E5FBF6, #89D259, #008AE6, #488B00, #0D1E2F)
• Frosted Sapphire Bloom color palette (#F4F3E1, #8CBA0E, #2E58EA, #4B6600, #130311)
• Muted Veranda color palette (#F1F7ED, #C9E0D9, #A1C7AE, #007C66, #3A4333)
• Pale Terrace color palette (#8FFDCF, #00C3B9, #007D84, #004E63, #003559)

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