Tempered Bronze color palette — #FADEC6 · #A38336 · #7D4513 · #562625 · #2C2400

Caramel and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#FADEC6): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Caramel (#A38336): A luminous, balanced gold — the color of old brass.
• Bronze (#7D4513): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#562625): A deep, shadowed, dusty orange — the color of autumn markets.
• Onyx (#2C2400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. 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

• Aged Lagoon color palette (#F7E4D0, #A7974C, #835A26, #61372C, #31312A)
• Olive Workshop color palette (#EAE2D4, #7B7B14, #5B4000, #451900, #171800)
• Wandering Rust color palette (#FFE5EF, #CBAD74, #C17C3E, #A44E39, #282500)
• Washed Amber Station color palette (#FFE2DF, #C07700, #615700, #1B3F00, #002D22)
• Washed Cocoa Orchard color palette (#FFF4E0, #A1AE7A, #857034, #76440A, #3B4200)
• Inked Chestnut color palette (#F1DECB, #6B5700, #412400, #280100, #040300)
• Misty Thicket color palette (#F3D7CD, #8A951C, #6A0013, #2C0709, #0D0500)
• Ember Lantern color palette (#F8E7E0, #D75C4C, #1F5F00, #7E0502, #0E0E00)

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