Gentle Courtyard color palette — #EEF2E5 · #58B423 · #007347 · #00453B · #003030
A conversation between Clover and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#EEF2E5): a clean, paper-quiet neutral.
- Clover (#58B423): A luminous, vivid green — the color of a quiet forest floor.
- Pine (#007347): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00453B): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Forest (#003030): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Energy, Balance. Tagged cool.
Use it as a design system
One click turns Gentle 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
- Wandering Clover color palette (#E2EBE0, #00D968, #00B472, #007D61, #00312A)
- Emerald Coast color palette (#F4FAD5, #B1BB00, #00B03B, #007776, #00361F)
- Moss Grove color palette (#E5DECE, #A59E00, #476B00, #01440C, #002F21)
- Pale Lime Villa color palette (#F5EBD5, #9CBB00, #009261, #00615B, #002A3C)
- Aubergine Parlor color palette (#F8E2B7, #4F9100, #00614F, #4E0080, #003311)
- Wandering Study color palette (#F6F6EC, #D1D6BC, #78B69D, #486600, #34332C)
- Teal Meadow color palette (#B1FCC9, #00BA9A, #007A76, #00525F, #1E3355)
- Lagoon Delta color palette (#F8F9CE, #99C6A0, #1A9D7E, #006965, #1C4967)
Browse the whole catalog at Explore, or see today's palette.