Clover Courtyard color palette — #F4F7E5 · #4FC26D · #009CBF · #4E75C8 · #2C141C
A conversation between Clover and Azure, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F7E5): A whisper-light, dusty green — the color of a quiet forest floor.
- Clover (#4FC26D): A luminous, vivid green — the color of new leaves after rain.
- Cerulean (#009CBF): A luminous, balanced blue — the color of deep harbor water.
- Azure (#4E75C8): A full-bodied, balanced violet — the color of a velvet chair.
- Onyx (#2C141C): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Nature, Growth, Trust, Stability, Creativity, 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
- Softworn Lagoon color palette (#F0F4E3, #78C784, #00A8AA, #1C75B4, #342B00)
- Faded Fuchsia Quarry color palette (#FFF1F3, #E07FDC, #009EB1, #337CCB, #2B101D)
- Weathered Study color palette (#F8EED2, #B2C567, #58AF46, #008395, #31312A)
- Pale Nightshade Pier color palette (#E3E9DC, #00A57B, #007ABB, #5542B2, #170003)
- Violet Meadow color palette (#E9FAEF, #00C1E0, #9375FC, #9D4B91, #2B150E)
- Feathered Aubergine Thicket color palette (#FDF4E1, #9D8600, #007A82, #64358B, #271702)
- Chalky Aubergine color palette (#DDEED5, #008B7C, #0061C0, #5918A2, #060003)
- Antique Lilac Parlor color palette (#EEF8F0, #6BD1E3, #9A97EA, #A97AA7, #3E2B26)
Browse the whole catalog at Explore, or see today's palette.