Charred Brick color palette — #F1DAD9 · #C70036 · #4E2604 · #21190A · #140200

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

The five colors

• Shell Pink (#F1DAD9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ruby (#C70036): A full-bodied, vivid red — the color of late-summer berries.
• Espresso (#4E2604): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#21190A): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#140200): 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 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

• Timeworn Bronze color palette (#FAE4D7, #A64D00, #402F00, #1E1D0F, #100400)
• Velvet Harbor color palette (#F3DAD9, #BB0083, #571B1C, #23170C, #140203)
• Timeworn Garnet Cabin color palette (#E8D9E8, #774A08, #930028, #2C1D10, #0B0400)
• Worn Ember Ridge color palette (#F9DEE2, #EC3802, #A24B00, #724200, #1E1300)
• Rose Atelier color palette (#FDE6DB, #FF3F2F, #7C4D14, #3A3330, #100403)
• Hushed Courtyard color palette (#EFE1D5, #E68600, #716835, #5F3700, #1B0E07)
• Wandering Coast color palette (#FCEFE8, #FB9A76, #9D7235, #7D431B, #27201E)
• Amber Workshop color palette (#F1E1CE, #BB7D00, #55572D, #332F29, #090301)

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