Clover Courtyard color palette — #DDE3D5 · #50B354 · #007857 · #005149 · #00272A

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

The five colors

• Parchment (#DDE3D5): bright and airy, almost weightless.
• Clover (#50B354): A luminous, vivid green — the color of new leaves after rain.
• Teal (#007857): A full-bodied, balanced teal — the color of sea glass.
• Forest (#005149): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#00272A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Calm, Balance. Tagged 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

• Softworn Terrace color palette (#EBEFDB, #6EA653, #008359, #00564E, #00414D)
• Antique Garden color palette (#D1E5DA, #00A994, #007270, #004556, #002334)
• Olive Coast color palette (#F1EDDE, #8E9700, #408000, #004D21, #00291E)
• Wandering Archive color palette (#DFFFE2, #31DC8D, #00A26D, #007257, #00362D)
• Worn Dune color palette (#D8EAD0, #008857, #004D3F, #002829, #000E12)
• Aged Teal Parlor color palette (#C9FFF3, #00C1AD, #007970, #003A38, #00100F)
• Hushed Raspberry Bloom color palette (#E0EFD6, #00A98D, #AF5992, #006452, #330826)
• Ancient Chestnut Ridge color palette (#EDDFC1, #92A064, #726422, #563604, #181A03)

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