Washed Courtyard color palette — #FFF1F4 · #DABBB4 · #9F8C79 · #567768 · #5A4C5A

Pewter and Stone set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Stone (#DABBB4): A luminous, dusty orange — the color of toasted spice.
• Caramel (#9F8C79): A luminous, dusty gold — the color of old brass.
• Pewter (#567768): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#5A4C5A): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Petal Ridge color palette (#FFEAFE, #E3BED8, #A88B98, #4F6B62, #2C4642)
• Hushed Driftwood color palette (#FFF2EC, #C6B397, #8D853D, #795666, #5F464F)
• Amber Station color palette (#FFECE9, #E09EA1, #C66D4B, #845830, #505048)
• Weathered Azure Courtyard color palette (#FAF4EF, #CAE8E6, #699FCB, #337C74, #5F4B5D)
• Bronze Field color palette (#FCE2DD, #C18064, #7D6C1F, #30426C, #3B2249)
• Wandering Teal color palette (#FDF3EA, #D1A681, #0CAFAA, #976639, #3F533D)
• Gentle Bronze color palette (#FFDDF0, #CF988A, #9E7610, #31628D, #3D4570)
• Ancient Orchard color palette (#FFF3E7, #ECBF96, #A66E35, #6F4115, #3A3530)

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