Tempered Bronze color palette — #F1E0D3 · #9D6300 · #693300 · #430D00 · #090400

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

The five colors

• Parchment (#F1E0D3): A whisper-light, dusty gold — the color of old brass.
• Ochre (#9D6300): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#693300): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#430D00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#090400): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Olive Loft color palette (#F4E4C6, #797600, #524200, #311E00, #070500)
• Muted Cocoa Grove color palette (#FFE1EF, #926F3B, #6C3300, #4C0D0B, #001C0E)
• Patina Amber Ridge color palette (#FFDECB, #C88D00, #924813, #591620, #040400)
• Chestnut Pier color palette (#F9DAE7, #BB7D39, #914B00, #652800, #211200)
• Antique Bronze color palette (#FFEFDE, #C3A777, #956B40, #68412D, #2A210F)
• Lowlit Onyx color palette (#E8E2D0, #595400, #00447F, #42004D, #020200)
• Tempered Bronze color palette (#F2DEF8, #008FA0, #896E00, #0C0D02, #020100)
• Pine Veranda color palette (#E6F2D9, #098B20, #00543B, #00231F, #00080A)

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