Softworn Courtyard color palette — #F7F6EC · #D2D5BC · #83B39B · #506300 · #34332C

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F6EC): bright and airy, almost weightless.
• Oat (#D2D5BC): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#83B39B): A luminous, dusty teal — the color of glacier melt.
• Olive (#506300): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#34332C): a grounded near-black with real depth.

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

• Wandering Fern color palette (#F5F2E7, #D0D9B5, #7EB8B2, #5D6000, #1F1A05)
• Dusty Cypress color palette (#F2F7F0, #D0DCD9, #A1BBAB, #007563, #373D34)
• Olive Harbor color palette (#EBF9F3, #C8E5E2, #90CBC5, #797E08, #1B3A2E)
• Fern Loft color palette (#F4EBD1, #7FA025, #156D0D, #4A4400, #273307)
• Dusty Lantern color palette (#F5F6EF, #D5DCD6, #9DB0B7, #87863D, #53534D)
• Timeworn Quarry color palette (#EFF0E5, #969C8F, #63775C, #023506, #090A00)
• Weathered Courtyard color palette (#DAE0D8, #AFBDB2, #6E9986, #00504B, #192218)
• Wandering Aubergine Workshop color palette (#E3F2DB, #57A78C, #007E88, #673B73, #59273D)

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