Clover Courtyard color palette — #D4FFFC · #08D062 · #00B0CF · #AA7E00 · #002A0E
Clover takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.
The five colors
- Honeydew (#D4FFFC): A whisper-light, dusty teal — the color of glacier melt.
- Clover (#08D062): A luminous, vivid teal — the color of sea glass.
- Cyan (#00B0CF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Mustard (#AA7E00): A luminous, balanced gold — the color of old brass.
- Deep Forest (#002A0E): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged 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
- Quiet Azure Orchard color palette (#D9FFF2, #00CBA3, #00A9F2, #918A00, #00291F)
- Ember Workshop color palette (#DAFFEF, #B0B800, #00B79F, #D55D00, #222400)
- Muted Courtyard color palette (#D5FFFF, #00AC72, #008FB7, #7F6900, #001108)
- Linen Meadow color palette (#E6F9FF, #56D0D4, #7EA8FF, #78A055, #152F37)
- Hushed Moss color palette (#D5FFFB, #B6DCEC, #A9A3B2, #6FA74E, #084240)
- Clover Terrace color palette (#DFFFE3, #A9FFB5, #00B74C, #006321, #001D06)
- Ancient Violet Lantern color palette (#E8F8FF, #00A9D6, #8F67FF, #008856, #00151E)
- Powdered Byzantium color palette (#D5F7CA, #4EAB27, #912B9B, #8A0050, #173A09)
Browse the whole catalog at Explore, or see today's palette.