Clover Courtyard color palette — #F1F3E7 · #5FC15E · #007C70 · #0D6F14 · #020D00

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

The five colors

• Cream (#F1F3E7): a clean, paper-quiet neutral.
• Clover (#5FC15E): A luminous, vivid green — the color of a quiet forest floor.
• Teal (#007C70): A full-bodied, balanced teal — the color of sea glass.
• Olive (#0D6F14): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#020D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Balance. Tagged duotone.

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

• Tempered Study color palette (#F4F3E3, #95B800, #008044, #506400, #070B00)
• Washed Jade color palette (#EFF4EA, #45B790, #00727F, #00654A, #000902)
• Pale Moss color palette (#E9FAF3, #99AE00, #006F90, #515D00, #002031)
• Wandering Navy Coast color palette (#F6F5CD, #00AA84, #00706D, #0B3390, #0F2203)
• Powdered Emerald color palette (#E5FBF7, #73D56D, #009B8F, #1B9018, #002228)
• Ancient Hollow color palette (#F0F3E9, #CBDAD1, #AFC8A2, #00804A, #232718)
• Misty Teal Atelier color palette (#9FFAD1, #00C4A3, #007E73, #004E4D, #002226)
• Antique Lagoon color palette (#E5EEDF, #008D71, #214F68, #004133, #000102)

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