Worn Brick Courtyard color palette — #FFDBE1 · #FF5E79 · #CC0C2F · #8E1D11 · #5F2817

Ruby and Rose set the tone — five colors that lean into warmth and comfort.

The five colors

• Shell Pink (#FFDBE1): A whisper-light, dusty red — the color of late-summer berries.
• Rose (#FF5E79): A luminous, vivid red — the color of a theater curtain.
• Ruby (#CC0C2F): A full-bodied, vivid orange — the color of autumn markets.
• Rust (#8E1D11): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#5F2817): A deep, shadowed, balanced orange — the color of autumn markets.

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

Use it as a design system

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

• Feathered Boulevard color palette (#ECDDE3, #FF459D, #C71862, #8E2239, #652D00)
• Tangerine Terrace color palette (#F8DDD9, #FF7350, #BB4400, #803700, #5E2D00)
• Soft Summit color palette (#F3DDDD, #EF3C2E, #AF2A00, #6B2500, #3A2700)
• Chalky Crimson Courtyard color palette (#FFD0DD, #FF8E9D, #E14148, #AB3313, #672E00)
• Muted Ember color palette (#FFF2EC, #FF4733, #8463E1, #AD0D00, #3D2B6F)
• Aged Drift color palette (#FFE5DB, #D64B00, #7B7600, #933484, #4E2110)
• Muted Corridor color palette (#FFF2ED, #FFD6B8, #E7B670, #A76456, #5C361E)
• Gentle Boulevard color palette (#FFE4D4, #E8984E, #A36300, #764F11, #45453E)

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