Brick Courtyard color palette — #F4D7E1 · #F396AA · #DD5B66 · #C40810 · #4B0F00

A conversation between Ruby and Scarlet, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#F4D7E1): A whisper-light, dusty rose — the color of strawberry cream.
• Ballet Pink (#F396AA): A luminous, balanced red — the color of embers at dusk.
• Scarlet (#DD5B66): A luminous, vivid red — the color of late-summer berries.
• Ruby (#C40810): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#4B0F00): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Energy, Balance. Tagged 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

• Pale Field color palette (#FFE7EA, #FC9490, #E06650, #A74000, #411B00)
• Weathered Hollow color palette (#FDE5F5, #E491BA, #D75C8E, #C30050, #4E000E)
• Hazy Ember color palette (#F2D9C1, #F48295, #DA5940, #706800, #421015)
• Plum Courtyard color palette (#F0E8F6, #D882BE, #BD3A5E, #871800, #331B00)
• Muted Mulberry color palette (#FADBE6, #D64C7C, #A7103F, #600010, #230300)
• Dusty Canyon color palette (#FEE2DA, #DF5472, #724643, #48241B, #0B0202)
• Amber Harbor color palette (#FFF1EF, #FFC2AF, #EB9669, #C46E0C, #523100)
• Hushed Amber Ridge color palette (#F1D9D2, #DD6C28, #A85A00, #613B00, #130A00)

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