Charred Brick color palette — #F2D9F1 · #AD0030 · #331B00 · #1A0B0E · #050005

A conversation between Garnet and Onyx, giving this palette its sense of depth and luxury.

The five colors

• Thistle (#F2D9F1): A whisper-light, dusty pink — the color of peonies in June.
• Garnet (#AD0030): A full-bodied, vivid red — the color of a theater curtain.
• Onyx (#331B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1A0B0E): A deep, shadowed, dusty red — the color of a theater curtain.
• Black (#050005): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: 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

• Obsidian Chestnut color palette (#F4DEE9, #914100, #292100, #1A0D0C, #050100)
• Mulberry Delta color palette (#F2E6FE, #A20073, #410B02, #190B13, #030008)
• Twilit Garnet color palette (#FADFF8, #750018, #312A20, #1B0906, #030000)
• Quiet Scarlet Hollow color palette (#FFE1E8, #DC2E3E, #984500, #543500, #080600)
• Dusty Bronze Study color palette (#F1DEE5, #B06400, #464500, #2E131F, #040004)
• Timeworn Ember color palette (#F3D8EA, #E75419, #68500D, #3F2737, #070309)
• Soft Amber Summit color palette (#F3E1EA, #D97025, #00659A, #853C00, #00060F)
• Feathered Coral color palette (#F1DCED, #FF6A5A, #82602B, #53364E, #150F19)

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