Clover Courtyard color palette — #F6E3BB · #C2D080 · #6BC268 · #2D976F · #334E31

Clover and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#F6E3BB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#C2D080): A whisper-light, balanced green — the color of fresh herbs.
• Clover (#6BC268): A luminous, balanced green — the color of a quiet forest floor.
• Fern (#2D976F): A luminous, balanced teal — the color of sea glass.
• Deep Olive (#334E31): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Faded Ridge color palette (#E2F3C5, #8BE2A8, #00C49A, #0099A3, #2B5645)
• Ancient Moss Summit color palette (#BEEEDC, #A0C47B, #4FA73E, #288553, #1F5053)
• Tempered Mustard Study color palette (#FFF2E5, #E5C06C, #B3B021, #619250, #4A4E47)
• Pale Harbor color palette (#F1FCC9, #BCE786, #6BB160, #377750, #3B3E37)
• Weathered Bloom color palette (#F2F2D9, #9AAE64, #499051, #00603A, #003731)
• Washed Mint color palette (#EBFCD9, #9DF1CB, #2FCC9B, #318E66, #00392A)
• Airy Moss color palette (#E6E5D5, #6A9D00, #00843C, #00564A, #001A1C)
• Jade Ridge color palette (#F1F8E7, #7DE4B5, #E8B0FF, #10AE7A, #4F3859)

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