Clover Courtyard color palette — #FFF2ED · #50C276 · #008D9E · #953155 · #004032

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Clover (#50C276): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#008D9E): A full-bodied, balanced blue — the color of open sky before noon.
• Raspberry (#953155): A full-bodied, balanced red — the color of embers at dusk.
• Forest (#004032): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

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

• Feathered Teal Lagoon color palette (#FFE6F8, #00BC9D, #2281AC, #813E3F, #003839)
• Linen Hollow color palette (#FFF2EB, #4CE06E, #0097A5, #A20F40, #003023)
• Airy Lime color palette (#FFF1F7, #9DB52C, #00927C, #823B7C, #1C3F16)
• Timeworn Sapphire color palette (#E2FCF6, #6BB22F, #0075E1, #9A1C37, #482700)
• Aged Lagoon color palette (#E3FCF4, #8CCCA4, #009B8B, #5A7336, #0E4629)
• Muted Sapphire Balcony color palette (#FAE1B7, #00ABC2, #4059ED, #654700, #002D41)
• Celadon Thicket color palette (#C7FAC0, #8ACCC4, #6097BA, #965B44, #6F4122)
• Ancient Nightshade Meadow color palette (#F8F8D0, #00A387, #006E70, #20369F, #003F38)

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