Tempered Bronze color palette — #FFF0F8 · #E8C8D3 · #C6A8AE · #AE6C4F · #7C441A

Bronze and Mocha set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Oat (#E8C8D3): A whisper-light, dusty rose — the color of a warm blush.
• Rosewood Mist (#C6A8AE): A luminous, dusty red — the color of embers at dusk.
• Mocha (#AE6C4F): A full-bodied, balanced orange — the color of sun-warmed clay.
• Bronze (#7C441A): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, light.

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

• Hushed Ash Study color palette (#E4FBF3, #E5D3E5, #BDA4B5, #917778, #664C49)
• Dusty Bronze Market color palette (#FFF1F0, #E7C2BB, #B89A8E, #967230, #5D4A00)
• Worn Driftwood color palette (#EDDBF7, #C89AA1, #9D6984, #774D37, #4C2D00)
• Wandering Forest Pier color palette (#FFE1DE, #E49376, #B47947, #526700, #104F03)
• Washed Driftwood Harbor color palette (#F6D8E3, #B86772, #85483A, #483A00, #191B00)
• Iris Villa color palette (#FFF1F6, #CDB8F1, #DBA28E, #9580B6, #534B47)
• Ancient Pier color palette (#F3F7EE, #C5D8B9, #8CA386, #6F8372, #475140)
• Powder Villa color palette (#F4F6EF, #C5E9EB, #8FB6D8, #5C8FA1, #604A61)

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