Tempered Bronze color palette — #FBF2F9 · #CCC697 · #A35A4C · #5F352D · #2A1D27

Ochre and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF2F9): bright and airy, almost weightless.
• Pistachio (#CCC697): A luminous, dusty green — the color of fresh herbs.
• Ochre (#A35A4C): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#5F352D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#2A1D27): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Washed Cocoa Coast color palette (#FBF3F5, #BADBC3, #99707E, #634726, #37262B)
• Worn Bronze color palette (#EEF8F0, #D7C296, #8B6D25, #553E00, #152619)
• Patina Straw Veranda color palette (#FFF2EC, #F6E798, #A36258, #3E3733, #190C06)
• Cocoa Archive color palette (#FFF2EA, #D0A576, #823816, #332C28, #211B0F)
• Dusty Sand Workshop color palette (#FEF1F8, #FFCA8A, #BF856B, #7A576B, #281E24)
• Bronze Market color palette (#D4E4D5, #906F13, #3B2700, #1A211A, #0A0500)
• Rust Archive color palette (#FCF2F8, #ECB6A2, #789D4E, #D15217, #0F2924)
• Powdered Mustard color palette (#F7DCE8, #CBA800, #8A4600, #492200, #1D0A00)

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