Softworn Courtyard color palette — #F0FCCF · #7CCEE8 · #8180B9 · #6F5733 · #3A2910

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

The five colors

• Custard (#F0FCCF): A whisper-light, dusty green — the color of new leaves after rain.
• Sky (#7CCEE8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate Blue (#8180B9): A luminous, balanced violet — the color of a velvet chair.
• Coffee (#6F5733): A full-bodied, dusty gold — the color of honey in a jar.
• Espresso (#3A2910): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, 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

• Azure Pier color palette (#F5F3BC, #93CFB7, #399CCB, #6F453D, #531F00)
• Wandering Forest color palette (#D0FFFF, #D1B3D6, #997EAE, #3B653D, #2C3008)
• Worn Powder Cabin color palette (#C0EBF0, #8CBDDF, #8599BB, #976663, #512D0D)
• Bronze Canyon color palette (#F6F8D9, #C7E6CF, #8D99D6, #7D6F24, #3E3D36)
• Fern Pier color palette (#D7E3D7, #7BB8C0, #5D6EA2, #345414, #0B1B00)
• Weathered Basalt Thicket color palette (#D8E5F0, #748DB2, #7C5A72, #5C2E4F, #3F0D20)
• Worn Cerulean Delta color palette (#D2F6FC, #5D9BAF, #5F6C8E, #314F36, #4C370B)
• Basalt Thicket color palette (#D6F6F9, #6E82AD, #683A60, #002E2B, #000303)

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