Tempered Bronze color palette — #FAF0E8 · #B66430 · #543500 · #32261C · #181511

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

The five colors

• Cream (#FAF0E8): a clean, paper-quiet neutral.
• Ochre (#B66430): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#543500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#32261C): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#181511): quiet, heavy and certain.

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

Use it as a design system

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

• Raspberry Terrace color palette (#FFEDEA, #B75A77, #632809, #332422, #1A1310)
• Hushed Bronze color palette (#F6F1E8, #8F7D1C, #3E3D36, #2E2819, #161611)
• Amber Pier color palette (#FBEDF5, #DC8051, #475F4F, #3E353A, #242024)
• Ancient Apricot color palette (#FEECF5, #EFA274, #88767C, #5E5057, #261F24)
• Shadow Chestnut Ridge color palette (#EDE2CD, #766100, #232A00, #1B1200, #050501)
• Antique Cerulean color palette (#FEF4E2, #AC9653, #009AB0, #90668A, #45423B)
• Bronze Parlor color palette (#FFF0E4, #DBAB7E, #AD770E, #75611A, #524F48)
• Weathered Iris color palette (#FBF4EA, #C9AC70, #7D95DF, #8B6E2D, #5B4556)

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