Charred Brick color palette — #F5E2DB · #C8002E · #482A00 · #1A1206 · #170001

Built around Ruby, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Parchment (#F5E2DB): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#C8002E): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#482A00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1A1206): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#170001): 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

• Plum Atelier color palette (#F0DAD9, #BC007C, #4F2316, #241609, #150102)
• Muted Villa color palette (#FFE2CC, #A35000, #393300, #1F1D0F, #0F0400)
• Garnet Dune color palette (#FBDCD0, #940018, #30292E, #201A0C, #0E0300)
• Ember Studio color palette (#ECDBD7, #FD4421, #725317, #53251C, #110303)
• Gentle Ridge color palette (#FFE1E9, #E64B36, #A34E00, #624200, #191400)
• Amber Workshop color palette (#F8EBDB, #B97E00, #4C5932, #332F29, #090301)
• Timeworn Boulevard color palette (#FBEFE8, #E8A488, #977632, #7C4419, #281F1D)
• Hushed Amber color palette (#FEECDB, #E28900, #676B3E, #5E3700, #1A0E09)

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