Softworn Courtyard color palette — #F1F7F2 · #D1DEDC · #B6B5C2 · #94B99C · #494F4A

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

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D1DEDC): bright and airy, almost weightless.
• Ash (#B6B5C2): a calm mid-gray that lets other colors speak.
• Sage (#94B99C): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#494F4A): a grounded near-black with real depth.

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

• Timeworn Powder color palette (#E9FAF2, #D0E2F0, #C3C5F2, #C0B4B9, #244035)
• Cerulean Market color palette (#EBF3F7, #D3D7DD, #B1ACB6, #598B9C, #2E383C)
• Ancient Abyss color palette (#E8F2EC, #ADC0B7, #709D8E, #004352, #000201)
• Wandering Atelier color palette (#FDF0FF, #E9D4D9, #D9B6B8, #A98E8D, #5D4641)
• Aged Grove color palette (#F6F6EC, #B6E7D8, #88BD93, #749151, #484A00)
• Patina Veranda color palette (#EBF9F3, #68B9E2, #3F5B53, #1E2F28, #0B110E)
• Timeworn Cabin color palette (#F3F8E7, #A8E8FF, #73A8D4, #82668E, #31443C)
• Patina Cabin color palette (#FFF1F7, #E5D6D4, #B3AD96, #885BEA, #311E27)

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