Tempered Bronze color palette — #FFF4E2 · #F297B3 · #B76446 · #00604A · #3A1217

Ochre and Ballet Pink set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ballet Pink (#F297B3): A luminous, balanced red — the color of embers at dusk.
• Ochre (#B76446): A full-bodied, balanced orange — the color of toasted spice.
• Pine (#00604A): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#3A1217): A deep, shadowed, dusty red — the color of late-summer berries.

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

• Soft Bronze Alley color palette (#FFF4E2, #F29D8C, #AC6F00, #005D62, #361801)
• Antique Fern Archive color palette (#FFF4E2, #DAA0D7, #BD596F, #246100, #351429)
• Hushed Amber color palette (#FFF4E2, #FFB6B2, #BF834B, #007270, #37302C)
• Washed Studio color palette (#FFF2EF, #DC8B9B, #907200, #005747, #001941)
• Hushed Station color palette (#F2F0D5, #E69BE9, #DD774F, #15819A, #442725)
• Raspberry Harbor color palette (#DCF7E1, #CA5A82, #8E4023, #004C3A, #3C283D)
• Peony Boulevard color palette (#D1F2E9, #B867B4, #933D0B, #00404C, #1F1126)
• Washed Field color palette (#FFEBCC, #CF6275, #853D00, #00332C, #0E0000)

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