Worn Courtyard color palette — #F1F7F3 · #DED4D3 · #7BC1D6 · #AAABA1 · #4B564F

Sky and Charcoal Brown set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F7F3): bright and airy, almost weightless.
• Silver (#DED4D3): a clean, paper-quiet neutral.
• Sky (#7BC1D6): A luminous, dusty blue — the color of open sky before noon.
• Ash (#AAABA1): soft and architectural.
• Charcoal Brown (#4B564F): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Worn 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

• Fern Boulevard color palette (#ECF9ED, #CBDED9, #A9C5BC, #B0A082, #485A14)
• Ancient Lilac color palette (#FAF3F7, #E4D8D5, #BEB7A3, #A2A2EF, #4E444A)
• Worn Driftwood color palette (#FBF5E7, #99E0DA, #9AAEDA, #9C8C48, #344F40)
• Softworn Cerulean Field color palette (#EBF3F8, #D6D7E2, #B7ABB3, #62899C, #30373B)
• Powder Canyon color palette (#E7F6F2, #88BCF0, #8C737E, #425A54, #1C241F)
• Timeworn Petrol color palette (#DBE6E1, #B49EA3, #9F8480, #006D90, #000D07)
• Softworn Courtyard color palette (#FDF1F7, #C4C0F7, #A7A3D5, #C06B62, #004C53)
• Softworn Orchid color palette (#FFF1F5, #E5D6CE, #D7BE9F, #BA6BFF, #402C33)

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