Weathered Courtyard color palette — #F0F6FB · #D9D9E1 · #CCC0C3 · #93B2CD · #474E55

Ash and Charcoal Brown set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#D9D9E1): a clean, paper-quiet neutral.
• Stone (#CCC0C3): soft and architectural.
• Ash (#93B2CD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#474E55): a grounded near-black with real depth.

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

Use it as a design system

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

• Ancient Iris Drift color palette (#F1F5FC, #DCD9E3, #C0B2AC, #5F8FEA, #2D3641)
• Weathered Lagoon color palette (#ECF4F1, #DAD1CF, #A49D91, #608E7D, #303835)
• Navy Dune color palette (#DBE0E6, #B1BBCD, #8990AD, #003D6F, #000104)
• Softworn Lilac Basin color palette (#E9FBEC, #C1E1FF, #9E99DB, #946745, #36404E)
• Worn Veranda color palette (#F3F5FE, #E0D5E3, #BFB4D5, #674BA5, #0A0C15)
• Worn Periwinkle Bloom color palette (#F0F5FF, #8CABFD, #4E536D, #252B36, #0C1013)
• Timeworn Orchid color palette (#F6F3FF, #E4D6DE, #BFA99B, #B055AE, #272037)
• Aubergine Terrace color palette (#EEEDF4, #D3CCE0, #C796A6, #702188, #03010C)

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