Tempered Bronze color palette — #F6E4F0 · #A26500 · #501400 · #27130C · #110200

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

The five colors

• Blush (#F6E4F0): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#A26500): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#501400): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#27130C): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#110200): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Twilit Drift color palette (#D4EAD5, #956D00, #3B2700, #08181A, #0A0500)
• Charred Chestnut color palette (#F1DFED, #785900, #382818, #2F0100, #090000)
• Dusty Marigold color palette (#FCE9EF, #E3A83D, #8C5404, #4A2A36, #211016)
• Chalky Garnet Pier color palette (#F7E5DD, #A5812A, #822019, #300100, #070000)
• Weathered Grove color palette (#E3F5E3, #BC8800, #5E3D00, #271700, #000400)
• Bronze Pier color palette (#FDE8F2, #B35700, #584100, #592800, #000301)
• Mustard Alley color palette (#CDEEDC, #CEA600, #665C00, #342F00, #00140A)
• Tempered Bronze color palette (#EDF9EF, #E1BF78, #8C6C22, #2B4B32, #1C241D)

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