Clover Courtyard color palette — #BCEAD7 · #7FBF5F · #3A9E6C · #007094 · #0D2C0E
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Mint (#BCEAD7): A whisper-light, dusty teal — the color of shallow lagoons.
- Clover (#7FBF5F): A luminous, balanced green — the color of fresh herbs.
- Fern (#3A9E6C): A luminous, balanced teal — the color of glacier melt.
- Peacock (#007094): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#0D2C0E): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Moss Balcony color palette (#BFEAD2, #B7AF28, #6C981C, #007479, #242700)
- Sunlit Mint Market color palette (#B9EADD, #33C59A, #009C97, #3963B1, #002B23)
- Ancient Teal color palette (#E3F3E6, #90C7AF, #5AA89E, #5B748E, #263E25)
- Muted Terrace color palette (#CAF0EC, #00A841, #2F5C5D, #063835, #000605)
- Hushed Moss Lagoon color palette (#F7D2E3, #909C00, #007B63, #6E2469, #102C01)
- Moss Study color palette (#D4EBE0, #B2C382, #7C9D5B, #78793E, #023126)
- Hushed Nightshade color palette (#DCE6D6, #009F8A, #00767D, #2F3999, #000F0D)
- Dusty Courtyard color palette (#E4DFC7, #468C2C, #005B3A, #003144, #001302)
Browse the whole catalog at Explore, or see today's palette.