Brick Garden color palette — #F9D7C8 · #C90812 · #4B1600 · #210700 · #080201

A conversation between Brick and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F9D7C8): A whisper-light, dusty orange — the color of toasted spice.
• Brick (#C90812): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#4B1600): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#210700): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#080201): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

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

• Terracotta Summit color palette (#F0E1D6, #9F4700, #371F02, #180800, #050100)
• Plum Terrace color palette (#FFE4E1, #C00070, #4D0D1F, #230404, #0A0101)
• Muted Rose color palette (#FFF2ED, #FF3D45, #5A2F00, #290A00, #050000)
• Muted Plum Atelier color palette (#FEDFBC, #B27300, #3A8A00, #B30051, #241400)
• Misty Basin color palette (#EBDBD5, #FE7427, #A45100, #683800, #382000)
• Chestnut Boulevard color palette (#FBEBCB, #6D5900, #323D3D, #212000, #0C0700)
• Driftwood Veranda color palette (#F2EDE0, #8C863D, #3D3C34, #231E10, #0F0C07)
• Timeworn Pine color palette (#F4F3E1, #80B975, #0D803D, #6D3F1F, #212300)

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