Weathered Courtyard color palette — #FAF3F0 · #FFAC99 · #AD8B00 · #C35E49 · #2B2312

Terracotta takes the lead with Mustard close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF3F0): a clean, paper-quiet neutral.
• Melon (#FFAC99): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#AD8B00): A luminous, balanced green — the color of fresh herbs.
• Terracotta (#C35E49): A luminous, balanced orange — the color of toasted spice.
• Onyx (#2B2312): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Chalky Bronze Coast color palette (#FAF4ED, #F2B67C, #809C35, #B66C00, #272512)
• Hazy Amber Canyon color palette (#FDF2F2, #F5A9D4, #CF7520, #B16190, #2F2114)
• Amber Bloom color palette (#FBF2F7, #EEDABF, #B99A50, #C86E42, #07160B)
• Patina Summit color palette (#FAF2F9, #FFC4C0, #B0B558, #EA7D79, #122921)
• Faded Amber Boulevard color palette (#FFF1EB, #EBB175, #B98F0B, #6F6600, #324300)
• Antique Moss color palette (#FFF4E2, #E4A065, #978710, #2C6B88, #413C36)
• Amber Veranda color palette (#FAF4EF, #DBDBD2, #C1C4B1, #B9805B, #4F463F)
• Olive Orchard color palette (#FFF2EE, #ED8F9D, #4F7E2C, #8D4653, #252515)

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