Weathered Courtyard color palette — #FFF0F7 · #ECD3D0 · #D4A282 · #8E6F85 · #354437

Built around Camel, softened by Slate — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Bone (#ECD3D0): A whisper-light, dusty orange — the color of toasted spice.
• Camel (#D4A282): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#8E6F85): A full-bodied, dusty pink — the color of a candy shop window.
• Charcoal (#354437): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Weathered Amber color palette (#FFF0F8, #FBCEDF, #CD8C69, #8B5D55, #253727)
• Sand Market color palette (#FEF1F8, #F2D4A9, #CFA9BD, #A08AA1, #3B4C44)
• Antique Stone color palette (#EAFAEF, #B9E8E7, #BFAD7A, #6A8269, #2F443E)
• Aged Bronze color palette (#FAF0E8, #CAB8A2, #AD7445, #834429, #332B1B)
• Weathered Villa color palette (#E6F9FC, #86D6BF, #CF99CE, #AA706C, #203638)
• Bronze Lagoon color palette (#E8FBEB, #BEB475, #947000, #643C00, #001710)
• Muted Canyon color palette (#ECF8FA, #6DCFCB, #B579B2, #8B563C, #1D2F2A)
• Weathered Amber Ridge color palette (#E3FEE3, #E6CE8C, #C28300, #8A4E1C, #01301F)

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