Weathered Courtyard color palette — #FAF3F8 · #E4D7D8 · #D0BBBA · #B68073 · #4E444B

Built around Caramel, softened by Stone — the whole palette hums with sophistication and softness.

The five colors

• Ivory (#FAF3F8): a clean, paper-quiet neutral.
• Silver (#E4D7D8): a clean, paper-quiet neutral.
• Stone (#D0BBBA): A luminous, dusty orange — the color of sun-warmed clay.
• Caramel (#B68073): A luminous, dusty orange — the color of sun-warmed clay.
• Charcoal (#4E444B): quiet, heavy and certain.

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

• Muted Rust Boulevard color palette (#F9F3F8, #E1D8D7, #B0C9C4, #A95A53, #4D454C)
• Timeworn Dune color palette (#EEF8F3, #CBDDDF, #AFC2C6, #83853F, #323E38)
• Amber Station color palette (#FFF0F7, #FFD6CA, #FFB580, #CB9744, #553141)
• Cocoa Quarry color palette (#F2E9EE, #C0AEB6, #A78D96, #893400, #1E0E18)
• Pine Studio color palette (#E5FDE8, #DDA37B, #A1804D, #387244, #50333F)
• Driftwood Quarry color palette (#EDF9EF, #ACCEB9, #949359, #876678, #2D4A3A)
• Amber Workshop color palette (#F1DFE6, #CF7517, #425241, #3A2730, #1E161A)
• Aged Cypress color palette (#E2FCE1, #B6D1BD, #85A998, #507B7F, #3B565D)

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