Charred Workshop color palette — #F5D7DC · #B01A31 · #5C0300 · #2C0D00 · #100500

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

The five colors

• Shell Pink (#F5D7DC): A whisper-light, dusty red — the color of late-summer berries.
• Ruby (#B01A31): A full-bodied, vivid orange — the color of sun-warmed clay.
• Espresso (#5C0300): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#2C0D00): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#100500): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

One click turns Charred Workshop 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 Mulberry color palette (#FFE8F4, #96064C, #5B0E00, #1D0A00, #020100)
• Crimson Canyon color palette (#FFE4E8, #DE2948, #AA1B00, #632200, #110500)
• Aged Terracotta color palette (#F4E7EF, #8B2D00, #004655, #3D0F00, #00070B)
• Chestnut Drift color palette (#FFE0CB, #9A4C00, #492200, #212A21, #150600)
• Mulberry Chapel color palette (#F3DEF9, #891786, #52003C, #2D0013, #140003)
• Garnet Courtyard color palette (#F0E0D7, #C68A44, #7D7100, #5D000A, #140600)
• Charred Aubergine color palette (#FFEAE0, #682A00, #003E2C, #260066, #050100)
• Ember Alley color palette (#FCE8E4, #D7662F, #8A4300, #5D3700, #3C2A00)

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