Frosted Clover color palette — #E9EFE2 · #00C166 · #009773 · #006366 · #003C4E

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

The five colors

• Cream (#E9EFE2): a clean, paper-quiet neutral.
• Clover (#00C166): A luminous, vivid teal — the color of glacier melt.
• Fern (#009773): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006366): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#003C4E): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

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

• Jade Meadow color palette (#C8EBD5, #00B07C, #007058, #004C40, #00313D)
• Aged Harbor color palette (#CDE8D3, #00BDA6, #008E9D, #006180, #003362)
• Emerald Basin color palette (#F2EAD5, #A4A900, #2B9301, #006950, #00413F)
• Muted Seafoam Coast color palette (#F8F9CF, #86DDB2, #41AF9E, #40818C, #345449)
• Pale Aqua color palette (#83FEFE, #00CFC9, #008889, #005753, #001C1D)
• Powdered Mustard color palette (#FCE4E5, #F3B000, #00AA84, #003427, #101C03)
• Raspberry Studio color palette (#D8EDC8, #30CBA7, #E0006D, #007B63, #590227)
• Lime Drift color palette (#E7E1AA, #7BBA22, #867900, #754600, #00321D)

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