Tempered Bronze color palette — #F7D8D7 · #AB7732 · #4C4D00 · #161D3D · #010017

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

The five colors

• Shell Pink (#F7D8D7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Caramel (#AB7732): A luminous, balanced gold — the color of old brass.
• Deep Olive (#4C4D00): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#161D3D): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#010017): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Optimism, Balance. Tagged vintage, retro, 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

• Bronze Balcony color palette (#FCE5D5, #8A7C2C, #2C5C2B, #2B0F3E, #020006)
• Softworn Rose color palette (#FAE4F2, #C1656F, #6D4916, #002633, #000102)
• Dusty Olive color palette (#F1EFDB, #838200, #424100, #131C18, #060600)
• Softworn Basalt Meadow color palette (#FCE1D8, #7A5931, #3B3800, #00212B, #0B0622)
• Onyx Study color palette (#F7E4F8, #AE776F, #82692F, #503564, #210034)
• Grape Harbor color palette (#D3E6D6, #876400, #5920C8, #392800, #010008)
• Hushed Courtyard color palette (#FAE5CF, #A6AA45, #438569, #513F67, #13122C)
• Tempered Nightshade Study color palette (#F7F1D1, #635400, #2930A8, #2F0D83, #020100)

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