Softworn Courtyard color palette — #EDF9EF · #E1D097 · #98BB7F · #728CBE · #3A4D44

Sage takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Wheat (#E1D097): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#98BB7F): A luminous, balanced green — the color of new leaves after rain.
• Slate Blue (#728CBE): A luminous, balanced violet — the color of a velvet chair.
• Charcoal (#3A4D44): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, light, muted.

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

• Dusty Teal color palette (#EAFAED, #B7DDB1, #5EC2B1, #9A80AC, #344D4C)
• Muted Delta color palette (#EBFAED, #FDC1A6, #C7AA6F, #4D98AA, #57404A)
• Softworn Sand color palette (#FFF3E8, #FFD59B, #83AE8D, #736C93, #4E3D00)
• Hushed Grove color palette (#E5F7EF, #B6BE75, #65837D, #495952, #1D231F)
• Timeworn Stone color palette (#E9FAEF, #BFE1E7, #9BCCCE, #97A1B8, #4E4B5F)
• Lime Villa color palette (#E1F5E4, #8CCF6F, #00B096, #875FAB, #003937)
• Gentle Workshop color palette (#E1FEE7, #BECC40, #00BB6C, #7365DA, #293C13)
• Plum Courtyard color palette (#FAE2AF, #00CCB5, #009EC0, #B23078, #003031)

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