Tempered Bronze color palette — #F4D8E1 · #D47C73 · #AB5100 · #573200 · #271F00

A conversation between Ochre and Coral Clay, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F4D8E1): A whisper-light, dusty rose — the color of a warm blush.
• Coral Clay (#D47C73): A luminous, balanced orange — the color of autumn markets.
• Ochre (#AB5100): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#573200): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#271F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

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

• Linen Terrace color palette (#F4D7D0, #C58250, #915E00, #4B4600, #192800)
• Tempered Brick Canyon color palette (#F3E0F9, #C26F93, #AC2A43, #682100, #311600)
• Wandering Summit color palette (#EFDDCF, #AD946A, #915227, #701925, #1E1700)
• Softworn Amber color palette (#FFF1F0, #FFB39E, #D46724, #8C4F00, #442900)
• Chestnut Veranda color palette (#FFE8D3, #D2A362, #8C5600, #4B2E00, #170800)
• Aged Cobalt color palette (#F8E5D9, #CA7859, #3084D1, #882F00, #001D38)
• Dusty Workshop color palette (#DCDFFB, #BE91DB, #AE7C00, #2E1C00, #0E0803)
• Bronze Courtyard color palette (#FEE1CE, #CBAC7D, #8F8231, #456321, #363831)

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