Charred Brick color palette — #F5EFE2 · #BB0025 · #4B2800 · #001010 · #040000

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

The five colors

• Cream (#F5EFE2): bright and airy, almost weightless.
• Ruby (#BB0025): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#4B2800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#001010): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Energy, Sophistication, Depth, Luxury. Tagged retro, dark, vibrant, muted.

Use it as a design system

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

• Deep Chestnut Studio color palette (#FBEDD1, #974C00, #3C3100, #000F16, #020100)
• Moonless Terracotta Atelier color palette (#F8D8F1, #A00900, #223100, #00090E, #030005)
• Deep Plum color palette (#F5E5C5, #B10071, #620700, #001108, #040001)
• Garnet Thicket color palette (#EDE9DA, #84003C, #361B00, #000C19, #050000)
• Softworn Raspberry color palette (#D4F2E0, #D42D63, #804C00, #003F5C, #0D0000)
• Tempered Ember Quarry color palette (#FCE9E3, #FF668F, #E34800, #7C5400, #030100)
• Muted Bronze color palette (#FDD7CF, #B7701B, #5D4A00, #00242A, #000103)
• Washed Tangerine Corridor color palette (#FFF4DE, #FB752D, #876500, #004855, #240515)

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