Clover Courtyard color palette — #F0FADE · #00D073 · #9578F8 · #C04C5D · #291F00

Clover takes the lead with Lavender Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Custard (#F0FADE): A whisper-light, dusty green — the color of fresh herbs.
• Clover (#00D073): A luminous, vivid teal — the color of shallow lagoons.
• Lavender Blue (#9578F8): A luminous, vivid violet — the color of a velvet chair.
• Brick (#C04C5D): A full-bodied, balanced red — the color of late-summer berries.
• Onyx (#291F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged jewel, vibrant.

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

• Orchid Pier color palette (#E9FCDE, #2DD7B4, #B64EDE, #C15853, #222700)
• Frosted Iris Garden color palette (#EBFBE6, #00D3C1, #728FFF, #B74876, #402D00)
• Hushed Bloom color palette (#E4EEDB, #2CC598, #994ACB, #A43B3E, #150F00)
• Weathered Cornflower color palette (#F9F6DF, #ADCA27, #4A80F0, #A94B99, #321C02)
• Indigo Station color palette (#E1FBFF, #00BBA5, #5864F0, #9D1F31, #011301)
• Patina Aqua color palette (#EEF9EE, #00C9D6, #CA7AB2, #AF714A, #282B15)
• Mint Quarry color palette (#FFF4E2, #00DFBE, #00AFCF, #AE5889, #003E3D)
• Byzantium Harbor color palette (#E9FCE3, #00A17A, #9549B2, #6E2F87, #321900)

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