Clover Courtyard color palette — #DFE7C4 · #1AC26D · #008E86 · #005F7F · #00103F
Clover takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#DFE7C4): A whisper-light, dusty green — the color of fresh herbs.
- Clover (#1AC26D): A luminous, vivid teal — the color of glacier melt.
- Fern (#008E86): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005F7F): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Indigo (#00103F): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, 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
- Patina Moss color palette (#ECE5D4, #89B321, #00955E, #005F60, #001B25)
- Jade Lantern color palette (#DFEADD, #00AA86, #007F93, #00497A, #09002A)
- Ancient Teal color palette (#E2F1E7, #00B99A, #007272, #003741, #000508)
- Sunlit Clover Lagoon color palette (#F2DEF2, #29B635, #0084A0, #A1002F, #001C14)
- Faded Grove color palette (#D8F5E9, #00B7C1, #0088BE, #3735CA, #1F0034)
- Aubergine Drift color palette (#CDE6DE, #008F9D, #00699F, #3700A2, #06000C)
- Quiet Sapphire Basin color palette (#E0F7E4, #00CFC8, #00A2CD, #0067C9, #2F006F)
- Soft Turquoise Summit color palette (#E4F8C8, #85E5C4, #00C4D1, #2793C1, #2B3476)
Browse the whole catalog at Explore, or see today's palette.