Tempered Bronze color palette — #F6EBE2 · #B17141 · #3E3B34 · #261C13 · #100B09

Caramel takes the lead with Onyx close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F6EBE2): a clean, paper-quiet neutral.
• Caramel (#B17141): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal (#3E3B34): a grounded near-black with real depth.
• Onyx (#261C13): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#100B09): 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 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

• Wandering Driftwood color palette (#FCE9E4, #B66877, #5D2C00, #291A17, #100B0B)
• Bronze Meadow color palette (#F3EDDE, #8F8615, #3D3F00, #221E13, #0F0C08)
• Amber Canyon color palette (#FCEDF3, #D9833E, #475F4F, #403439, #252024)
• Iris Meadow color palette (#FCF0DD, #B2995F, #658DD2, #876A9E, #302615)
• Nocturne Chestnut Delta color palette (#E5DFD0, #736500, #142C07, #120B00, #040200)
• Driftwood Basin color palette (#F6F1EB, #CDC3A5, #728D58, #75595C, #33312A)
• Worn Periwinkle Archive color palette (#F8F1E2, #C1B472, #769CDE, #81721C, #3E283D)
• Worn Forest color palette (#E8EDCF, #076F17, #3F494D, #00251F, #000B01)

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