Softworn Courtyard color palette — #E8EAE3 · #C7CEBE · #98AA8C · #006733 · #14170B

Pine and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#E8EAE3): bright and airy, almost weightless.
• Oat (#C7CEBE): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#98AA8C): A luminous, dusty green — the color of fresh herbs.
• Pine (#006733): A full-bodied, balanced teal — the color of shallow lagoons.
• Ink (#14170B): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged scandi, 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

• Worn Cypress Summit color palette (#EAF5EC, #C5DACD, #8AB7A3, #006772, #0D1E12)
• Patina Quarry color palette (#EDEEDF, #699B75, #006542, #1B4311, #101400)
• Abyss Balcony color palette (#E7EDE4, #ABB7A8, #789779, #005041, #060D02)
• Ancient Pier color palette (#E6F1F0, #C3DEDE, #9ABFC4, #378352, #1F3231)
• Hushed Clover color palette (#E6F4DC, #30D96B, #00B08F, #008584, #00140F)
• Quiet Meadow color palette (#EBEAD5, #008E67, #005953, #002764, #071200)
• Aged Petrol color palette (#DCE9DA, #5496A1, #007392, #3E3860, #281433)
• Onyx Harbor color palette (#D6E4DD, #7A948B, #79627B, #002E40, #000201)

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