Brick Courtyard color palette — #FFDED2 · #C8002C · #4C2704 · #1E180C · #130200

Ruby and Espresso set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FFDED2): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#C8002C): A full-bodied, vivid orange — the color of toasted spice.
• Espresso (#4C2704): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1E180C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#130200): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged noir, dark, luxury, vibrant.

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

• Dusty Study color palette (#F1DED0, #A35100, #3F3000, #1E1D10, #0F0400)
• Tempered Plum Lantern color palette (#FFE2EE, #BC007C, #541E1B, #1F1307, #160001)
• Garnet Study color palette (#F4E5F3, #940021, #2C1D10, #0B0400, #020006)
• Chalky Ember color palette (#F9DCD5, #FD4421, #7D4D00, #50281F, #120302)
• Amber Pier color palette (#FFEBD6, #E28900, #706933, #5E3700, #190F09)
• Amber Study color palette (#F0E2D0, #B97E00, #545822, #332F29, #0A0300)
• Tempered Apricot color palette (#FFEEE3, #FF986A, #9B7334, #5C524C, #27201E)
• Softworn Hollow color palette (#EEE0D3, #CE7200, #008ABE, #914F00, #00121C)

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