Clover Courtyard color palette — #E8F1E4 · #20C83D · #009666 · #006A57 · #003932

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

The five colors

• Cream (#E8F1E4): bright and airy, almost weightless.
• Clover (#20C83D): A luminous, vivid green — the color of new leaves after rain.
• Fern (#009666): A full-bodied, balanced teal — the color of shallow lagoons.
• Pine (#006A57): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#003932): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Energy, Balance. Tagged vibrant, cool.

Use it as a design system

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

• Linen Jade Summit color palette (#D1EAD8, #00C18E, #00967C, #006560, #003F44)
• Dusty Market color palette (#E2E2D0, #76C800, #00AC76, #008172, #003B43)
• Hazy Grove color palette (#E5E8D4, #79AF00, #239512, #00632F, #00402F)
• Weathered Lime Harbor color palette (#C7FCA9, #3BE23F, #009D5F, #00614E, #00332E)
• Hushed Mint Chapel color palette (#95FFEA, #00D1B3, #00907F, #00584F, #001F1B)
• Tempered Emerald color palette (#D8FFF3, #82F0F1, #57C2F3, #339A45, #003F39)
• Teal Hollow color palette (#F5F9D3, #9ED6B6, #5EB299, #3C8C82, #415A42)
• Mustard Quarry color palette (#F5EDDD, #B8A200, #818200, #496300, #133900)

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