Patina Bronze color palette — #FDEEE8 · #AF655B · #543500 · #322520 · #1A1410

Built around Mocha, softened by Cocoa — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#FDEEE8): bright and airy, almost weightless.
• Mocha (#AF655B): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#543500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#322520): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#1A1410): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Patina 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 Bronze Archive color palette (#F4EAF1, #B76B5D, #49343E, #281824, #0F0B10)
• Coral Pier color palette (#FDEEE8, #D28375, #7D4A15, #5E2400, #281F1D)
• Bronze Drift color palette (#FFEADB, #A44B00, #332A00, #271201, #0E0601)
• Softworn Apricot color palette (#F9EEF7, #F49B8F, #6F816F, #5D505B, #232026)
• Muted Cabin color palette (#F0E6C7, #4F5D5C, #3F3B00, #1B2625, #000C03)
• Muted Cobalt Quarry color palette (#FFF3E7, #BC8D62, #6D89C1, #746899, #47413C)
• Amber Meadow color palette (#FFECE8, #DFA392, #B67A53, #755B23, #494C45)
• Wandering Apricot Atelier color palette (#FDF3EB, #DBA17D, #7C99CB, #986444, #5B445A)

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