Weathered Courtyard color palette — #FAF2F9 · #FDABA4 · #BB8149 · #C35C57 · #321C25

Built around Brick, softened by Caramel — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FAF2F9): a clean, paper-quiet neutral.
• Rose Quartz (#FDABA4): A luminous, balanced orange — the color of sun-warmed clay.
• Caramel (#BB8149): A luminous, balanced gold — the color of honey in a jar.
• Brick (#C35C57): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#321C25): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged duotone, warm.

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

• Antique Bronze color palette (#FBF2F7, #F1B498, #AA8C29, #BB6639, #14291C)
• Peony Balcony color palette (#F6F4FB, #EBADDC, #C17780, #AF5F9E, #2C1E2E)
• Hushed Amber Grove color palette (#FBF3F0, #F1D7C2, #D58C18, #CB695C, #1A1005)
• Antique Apricot color palette (#E8FBEA, #E59F6D, #A0804E, #41704B, #51323E)
• Timeworn Amber color palette (#FFF2EB, #EBB891, #C08A48, #825C00, #483700)
• Driftwood Courtyard color palette (#FAF3F7, #E2D7D7, #D2BCBA, #B08374, #4D454A)
• Feathered Apricot Corridor color palette (#FFECF5, #FA883C, #907400, #A44C00, #171100)
• Feathered Mustard color palette (#FDF2F1, #FFC1D3, #BDB200, #E7799E, #282416)

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