Tempered Bronze color palette — #FFD8E7 · #B06400 · #007E71 · #684694 · #3C222D

Built around Ochre, softened by Plum — the whole palette hums with optimism and creativity.

The five colors

• Shell Pink (#FFD8E7): A whisper-light, dusty rose — the color of pressed rose petals.
• Ochre (#B06400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Teal (#007E71): A full-bodied, balanced teal — the color of glacier melt.
• Plum (#684694): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#3C222D): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Creativity, 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

• Dusty Bronze color palette (#CFEED2, #9E7000, #007C81, #72487C, #19321D)
• Faded Scarlet color palette (#FDD7F5, #D63625, #218141, #455792, #382334)
• Timeworn Harbor color palette (#FAD5E3, #B36600, #0077A8, #005E9E, #210F00)
• Feathered Field color palette (#EEEDDB, #7A7400, #006E8E, #900E66, #282500)
• Patina Olive color palette (#DAF7E7, #7C7300, #33629D, #573367, #152C21)
• Amber Meadow color palette (#FEDEC3, #D67B2F, #0096C7, #4479B9, #3F2408)
• Worn Amber color palette (#FEDEED, #C18A4A, #8A5532, #58384F, #203625)
• Dusty Thicket color palette (#EBDCCA, #7B5000, #005A58, #5A0A7A, #1C0E00)

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