Soft Courtyard color palette — #FFF3E4 · #CAD78C · #4FBF71 · #3F96A6 · #393E15

A conversation between Clover and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#CAD78C): A whisper-light, balanced green — the color of fresh herbs.
• Clover (#4FBF71): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#3F96A6): A luminous, balanced blue — the color of open sky before noon.
• Deep Olive (#393E15): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Soft 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

• Antique Teal color palette (#FAF5E3, #9DE2A8, #00BEAC, #5A8EB8, #224328)
• Jade Terrace color palette (#EDE3D2, #ABC489, #25A976, #387F96, #2D2A05)
• Patina Teal Drift color palette (#FBF6DF, #A0E0AE, #00BEAF, #898F49, #3A3B35)
• Celadon Veranda color palette (#FDF5DB, #B8EC7F, #47A95B, #3D776C, #2F2F28)
• Dusty Taupe Market color palette (#FEF3EB, #E9D2A3, #A3B66A, #AA8492, #583D00)
• Patina Moss color palette (#F9E8D5, #CBC63E, #2BB51B, #9D629E, #313000)
• Turquoise Terrace color palette (#FEF0FF, #E5D4E5, #F5BDAC, #00BCC6, #563448)
• Airy Atelier color palette (#FEF2EE, #AEF3F2, #23C8F7, #51A65F, #1D4168)

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