Softworn Courtyard color palette — #E9F9F4 · #B4E0D7 · #8DB990 · #77988F · #2C4944

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

The five colors

• Ivory (#E9F9F4): bright and airy, almost weightless.
• Silver (#B4E0D7): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#8DB990): A luminous, dusty green — the color of new leaves after rain.
• Eucalyptus (#77988F): A luminous, dusty teal — the color of glacier melt.
• Charcoal (#2C4944): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted, light.

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

• Timeworn Teal color palette (#EDF8F5, #CADFF2, #76CED4, #57A999, #2B4D5B)
• Faded Study color palette (#E2FCF2, #BCDB95, #7AB863, #589971, #0E443A)
• Aged Pine Thicket color palette (#D6F4ED, #6FA875, #008650, #416032, #001503)
• Gentle Bloom color palette (#E8F8FF, #35D4E7, #9CAFFF, #80B577, #193D4A)
• Wandering Terrace color palette (#E9F8FF, #98E9FB, #48C0D5, #0B94A7, #003239)
• Hazy Teal Orchard color palette (#E6F9FF, #81DEE0, #C3B0F8, #00B4B9, #463965)
• Weathered Fern color palette (#F3F3E6, #B5B691, #4F8453, #5F5700, #282917)
• Worn Harbor color palette (#EAFAF2, #AFE2D0, #9EB681, #779989, #2E4940)

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