Clover Courtyard color palette — #D5F6FE · #55C200 · #008C8A · #005A95 · #00181C

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

The five colors

• Frost (#D5F6FE): A whisper-light, dusty blue — the color of deep harbor water.
• Clover (#55C200): A luminous, vivid green — the color of a quiet forest floor.
• Fern (#008C8A): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#005A95): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#00181C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Energy, Balance. 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

• Airy Cabin color palette (#B7E9F0, #92A700, #00927C, #00607A, #00201F)
• Nightshade Lantern color palette (#D5E9F2, #00B576, #008EA0, #2847B1, #00151F)
• Weathered Nightshade Terrace color palette (#D9ECF0, #9FA700, #009288, #273EBD, #00090D)
• Dusty Sapphire color palette (#D3E5CD, #A0C039, #00B097, #3A6DDE, #001C24)
• Emerald Harbor color palette (#E0EDDC, #B79400, #2B9A08, #005C60, #001B0D)
• Soft Aubergine Field color palette (#C2E5FF, #00B39D, #0080C0, #6A26A9, #000F35)
• Softworn Aubergine Loft color palette (#DCEEFF, #008A8D, #0067AD, #510081, #000119)
• Amethyst Study color palette (#E6F9FF, #00D9A1, #00A9D3, #7249E1, #002C46)

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