Brick Courtyard color palette — #FFF2F0 · #FB8073 · #C80C08 · #770305 · #520400

Brick takes the lead with Salmon close behind in a set that reads as warmth and comfort at first glance.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Salmon (#FB8073): A luminous, balanced orange — the color of sun-warmed clay.
• Brick (#C80C08): A full-bodied, vivid orange — the color of toasted spice.
• Oxblood (#770305): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#520400): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Warmth, Comfort, Energy, Balance. Tagged monochrome, vibrant, warm.

Use it as a design system

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

• Soft Meadow color palette (#FFF2F0, #FFC3BB, #FF7967, #C74730, #4C0400)
• Aged Ember Grove color palette (#FFF2F0, #FFA392, #DF5043, #971D1B, #480600)
• Chestnut Balcony color palette (#FFF2E9, #DF9357, #914800, #5C2600, #331600)
• Quiet Boulevard color palette (#FFF1F4, #FC7CB1, #B4006F, #6F0033, #500023)
• Frosted Field color palette (#FFF2E9, #EA8242, #007750, #883D00, #172101)
• Timeworn Crimson Thicket color palette (#FFF2EE, #D90055, #8235C7, #5E2A8C, #461B23)
• Ancient Blush color palette (#E2E7FF, #5EC7FF, #FF748D, #50200B, #311E1A)
• Hushed Bronze Pier color palette (#FAEBDF, #B26700, #663A00, #2C1400, #0D0500)

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