Worn Bronze color palette — #F9F0E7 · #C8B99C · #A87740 · #784A41 · #2F2D1A

A conversation between Mocha and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#F9F0E7): bright and airy, almost weightless.
• Stone (#C8B99C): A luminous, dusty gold — the color of honey in a jar.
• Mocha (#A87740): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#784A41): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#2F2D1A): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Worn 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

• Dusty Drift color palette (#FFF3E7, #C7B59B, #9C7952, #854E1F, #5B4400)
• Chestnut Basin color palette (#F3DBCE, #B5916A, #944F36, #632737, #201600)
• Hushed Bronze Harbor color palette (#F7E7CA, #9BA770, #836700, #693300, #002406)
• Wandering Fern color palette (#EDE3CC, #7A8E62, #625500, #492800, #001307)
• Aged Taupe Loft color palette (#FEF1F5, #B4D4BF, #B79472, #896882, #374D46)
• Nocturne Fern color palette (#EFE4D8, #6D6213, #4C2F00, #300800, #010200)
• Dusty Cobalt Dune color palette (#EBF4F1, #A0C9E7, #B56A69, #2179AC, #21110C)
• Worn Grove color palette (#F9EEF8, #7A96C0, #AD6F75, #4B6923, #2C1C2C)

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