Charred Brick color palette — #FDE7F9 · #AE060E · #301D00 · #13070F · #050004

Built around Garnet, softened by Onyx — the whole palette hums with energy and sophistication.

The five colors

• Blush (#FDE7F9): A whisper-light, dusty pink — the color of neon signs at night.
• Garnet (#AE060E): A full-bodied, vivid orange — the color of sun-warmed clay.
• Onyx (#301D00): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#13070F): A deep, shadowed, dusty pink — the color of peonies in June.
• Black (#050004): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Energy, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Inked Delta color palette (#FFE5F0, #884900, #252300, #15070B, #060002)
• Charred Mulberry color palette (#E8DBF0, #A60060, #3D1200, #1A0B11, #040007)
• Garnet Pier color palette (#F8E4F3, #750400, #35271D, #110701, #030100)
• Gentle Hollow color palette (#F3E3E5, #CC422E, #904C00, #4D3700, #080700)
• Dusty Bronze color palette (#DCEFDA, #A66B00, #3E4711, #0D230C, #040103)
• Patina Ember color palette (#FBDFED, #D96500, #3B5C49, #402634, #070308)
• Garnet Courtyard color palette (#FDE2D7, #3B4000, #550104, #15150A, #040200)
• Tempered Tangerine color palette (#FBDFF0, #FF6D38, #4D7157, #55364B, #170D1B)

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