Charred Cocoa color palette — #FFE2F1 · #774316 · #461C00 · #200500 · #020100

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

The five colors

• Blush (#FFE2F1): A whisper-light, dusty rose — the color of a warm blush.
• Bronze (#774316): A full-bodied, balanced gold — the color of old brass.
• Espresso (#461C00): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#200500): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, dark, muted.

Use it as a design system

One click turns Charred Cocoa 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

• Weathered Cocoa color palette (#FFE2CD, #995F2F, #703000, #431000, #070200)
• Lowlit Parlor color palette (#D1E4D5, #615100, #362700, #160C00, #010100)
• Wandering Bronze color palette (#E4F1E3, #A57F3B, #754B01, #4A2700, #140D00)
• Eclipse Onyx Terrace color palette (#DBEBDB, #442C00, #2B003B, #19000A, #040000)
• Chalky Archive color palette (#FFDFEC, #C0976B, #9B580E, #6C3000, #281800)
• Obsidian Forest color palette (#DBE6D9, #006B28, #003923, #000E08, #000201)
• Muted Meadow color palette (#E1F9EC, #8BB7A4, #7C7740, #594B18, #0E2821)
• Aged Alley color palette (#FDEDF2, #AAC3AA, #9A7883, #6C4E5B, #233025)

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