Tempered Bronze color palette — #FFEFE1 · #B26400 · #00566C · #3F1700 · #040100

A conversation between Ochre and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFEFE1): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#B26400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Peacock (#00566C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Espresso (#3F1700): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#040100): quiet, heavy and certain.

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

• Chestnut Market color palette (#EFE5CC, #776700, #004451, #300001, #020100)
• Crimson Pier color palette (#FFEEE9, #D03C4E, #005B4F, #460031, #060000)
• Nightshade Terrace color palette (#FBF2DC, #8A7B00, #0939BD, #342000, #020200)
• Aubergine Harbor color palette (#FFF0DC, #9F7100, #005E1D, #360055, #030100)
• Dusty Garnet color palette (#FEF5DC, #AB9C00, #007792, #7B001D, #161300)
• Forest Ridge color palette (#FEF4E4, #99AA77, #007245, #4D3800, #050900)
• Inked Boulevard color palette (#EEEFCE, #366700, #003D4E, #2B003B, #0A0100)
• Hazy Harbor color palette (#D5EFE4, #585D00, #390E8B, #3B0030, #210008)

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