Charred Bronze color palette — #F5E4EC · #9B651E · #5F2B00 · #280400 · #020100

Ochre and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#F5E4EC): A whisper-light, dusty rose — the color of a warm blush.
• Ochre (#9B651E): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#5F2B00): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#280400): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• 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 Bronze 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 Bronze Lagoon color palette (#CDE8D2, #817313, #4D3800, #1E0E00, #010100)
• Shadow Chestnut color palette (#FFECDE, #7E4C00, #471F00, #260400, #060300)
• Ancient Archive color palette (#F0DEE7, #AF7843, #7C3600, #450300, #020100)
• Chestnut Chapel color palette (#CAF0D9, #9BA05B, #705F00, #432D00, #020500)
• Dusty Bronze color palette (#E6FDE5, #C6B177, #9A6C22, #673910, #00180D)
• Midnight Bronze color palette (#E2F2FF, #9A7300, #001E2F, #090B13, #000103)
• Lowlit Grove color palette (#E1F1FF, #005281, #750400, #1F1700, #000103)
• Airy Amber Alley color palette (#FFF1F6, #F5C87E, #C58036, #8D4B29, #312700)

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