Charred Brick color palette — #F5DEE2 · #B9001C · #5F2500 · #2A1500 · #070300

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

The five colors

• Shell Pink (#F5DEE2): A whisper-light, dusty red — the color of embers at dusk.
• Ruby (#B9001C): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#5F2500): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#2A1500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#070300): A deep, shadowed, dusty gold — the color of old brass.

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

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

• Washed Scarlet color palette (#FAE7E7, #DA2F21, #8B3300, #572800, #1F1000)
• Eclipse Mulberry color palette (#F0E2EC, #A30060, #650025, #3E0101, #0A0200)
• Bronze Parlor color palette (#F6E5D1, #A05E00, #553000, #1F0D00, #030100)
• Ancient Chestnut Courtyard color palette (#F5E5EC, #894700, #005262, #421F00, #000305)
• Softworn Olive color palette (#F9D5E8, #C39516, #4D8A20, #671923, #0A0400)
• Muted Chestnut color palette (#FEE2FB, #0077A7, #924C00, #0C0802, #040002)
• Cocoa Workshop color palette (#FADBCA, #743500, #00455A, #002F5A, #030100)
• Softworn Bronze Ridge color palette (#FDEBDB, #AA7C00, #5C5300, #343C00, #041B00)

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