Brick Workshop color palette — #FFEBE3 · #B60316 · #3D4A3D · #341F00 · #160400

Ruby and Espresso set the tone — five colors that lean into energy and sophistication.

The five colors

• Cream (#FFEBE3): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#B60316): A full-bodied, vivid orange — the color of toasted spice.
• Charcoal (#3D4A3D): A deep, shadowed, dusty green — the color of new leaves after rain.
• Espresso (#341F00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#160400): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Energy, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Patina Chestnut color palette (#FDE4D0, #914B00, #3D4C45, #282500, #120600)
• Shadow Brick color palette (#F4DEF0, #B5001D, #563600, #1D0F00, #030003)
• Soft Veranda color palette (#F8E3E1, #AD0069, #2B3B00, #411302, #180202)
• Nocturne Workshop color palette (#F5DFF0, #860307, #332B1A, #1C0800, #0B0000)
• Ember Cabin color palette (#FFE1E4, #D7513E, #8E4B00, #523700, #242400)
• Aged Workshop color palette (#FBEBCC, #A28300, #334D2D, #322406, #1A0F06)
• Softworn Amber Corridor color palette (#FBF0E4, #C78E4B, #665800, #3F362D, #26201D)
• Ancient Cobalt Boulevard color palette (#FBE2C6, #A16500, #006BBA, #484497, #1C0E00)

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