Brick Terrace color palette — #F9D8DF · #B7002A · #591E00 · #1B0A00 · #050200

A conversation between Ruby and Espresso, giving this palette its sense of optimism and energy.

The five colors

• Shell Pink (#F9D8DF): A whisper-light, dusty red — the color of a theater curtain.
• Ruby (#B7002A): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#591E00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1B0A00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#050200): quiet, heavy and certain.

Feels like: Optimism, Energy, Depth, Luxury. Tagged dark.

Use it as a design system

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

• Washed Raspberry color palette (#F5DBD8, #D80078, #BF1500, #543600, #070100)
• Terracotta Boulevard color palette (#F7DCDA, #C05E4A, #993D00, #592800, #0B0300)
• Gentle Plum color palette (#EED9E4, #BC395D, #782900, #351A00, #040200)
• Midnight Mulberry color palette (#F4D9F1, #A90070, #58001E, #2C0001, #0D0200)
• Aged Bronze color palette (#FDD8D7, #9A5D37, #4C3B00, #00272B, #001425)
• Garnet Delta color palette (#EAE3EB, #A693A2, #826776, #55001F, #0E0610)
• Bronze Market color palette (#FFE4D7, #AE6700, #634600, #2D2A00, #141900)
• Amber Atelier color palette (#FFDCD3, #E2853D, #8F5F00, #4E3F00, #2F3200)

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