Softworn Courtyard color palette — #DDE2C1 · #6BC165 · #E53081 · #11670E · #4C0A27

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

The five colors

• Celadon Mist (#DDE2C1): A whisper-light, dusty green — the color of new leaves after rain.
• Clover (#6BC165): A luminous, balanced green — the color of a quiet forest floor.
• Fuchsia (#E53081): A luminous, vivid rose — the color of a warm blush.
• Olive (#11670E): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#4C0A27): A deep, shadowed, balanced rose — the color of a warm blush.

Feels like: Nature, Growth, Energy. Tagged vibrant.

Use it as a design system

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

• Sunlit Magenta color palette (#E0E0C8, #82BD4C, #C948BA, #386200, #40153B)
• Patina Garden color palette (#ECF1E1, #6BD294, #EE577E, #007643, #54232E)
• Chalky Summit color palette (#D6E3CE, #00B197, #EE1582, #007462, #481128)
• Peony Study color palette (#DEFCFB, #56D58E, #CC4F93, #007744, #32001E)
• Mulberry Boulevard color palette (#B6E9E9, #26A671, #962972, #005737, #441333)
• Powdered Ember color palette (#CCE7CE, #00ADB3, #E64700, #007276, #4C1100)
• Sunlit Tangerine Delta color palette (#F1F8EA, #70CDA7, #F3804C, #00976D, #5E3726)
• Frosted Plum Pier color palette (#E2E7D9, #30B576, #C9483D, #B51E68, #1A2300)

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