Clover Courtyard color palette — #CAEBE3 · #DF9E00 · #10B82E · #007D97 · #001A12

Clover takes the lead with Gold close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#CAEBE3): A whisper-light, dusty teal — the color of shallow lagoons.
• Gold (#DF9E00): A luminous, balanced gold — the color of honey in a jar.
• Clover (#10B82E): A luminous, vivid green — the color of new leaves after rain.
• Teal (#007D97): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#001A12): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged candy, vibrant, light.

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

• Powdered Apricot color palette (#C8E9DE, #FD853A, #8EA200, #00888C, #001B07)
• Frosted Marigold Coast color palette (#DBF1F1, #C59F00, #00A272, #006AA3, #00100E)
• Timeworn Clover color palette (#F3FAD3, #EBBE00, #47C81C, #009297, #000601)
• Powdered Emerald Summit color palette (#E3E6CF, #A6AB00, #3B9800, #006056, #002110)
• Weathered Cabin color palette (#D4E6D7, #899C53, #007441, #5A4000, #002119)
• Hushed Ultramarine Meadow color palette (#C0E7EF, #52AA00, #008F82, #1B34DA, #000407)
• Hushed Sapphire color palette (#C7E7EE, #97C91D, #00AD9D, #006DE5, #00171F)
• Cocoa Lagoon color palette (#EADCCF, #839866, #007E83, #7D3634, #3F1615)

Browse the whole catalog at Explore, or see today's palette.