Tempered Bronze color palette — #FFEAFE · #E1AF92 · #AD793F · #695900 · #134234

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

The five colors

• Blush (#FFEAFE): A whisper-light, dusty pink — the color of neon signs at night.
• Sand (#E1AF92): A luminous, dusty gold — the color of old brass.
• Caramel (#AD793F): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#695900): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#134234): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Amber Courtyard color palette (#F2DACD, #B57900, #595700, #233D00, #001809)
• Hushed Drift color palette (#FFF2EA, #FFD9BB, #D1A363, #9E7E31, #4F4C45)
• Muted Bronze color palette (#ECF5EB, #D0AC81, #859AD5, #9C6400, #22314B)
• Forest Corridor color palette (#D7F1D5, #CBBD8D, #819147, #2C7139, #0D3F42)
• Dusty Driftwood color palette (#E0FAE6, #E0CEA3, #8F8442, #5C4900, #291D00)
• Dusty Chestnut color palette (#EBE1FE, #DDA7BB, #BD6E70, #873F15, #4C2835)
• Pewter Ridge color palette (#ECF5EC, #A6C3B4, #6D8C6E, #6F4B62, #18322D)
• Powdered Olive color palette (#E5F3E8, #A2A665, #5B8C34, #005836, #003432)

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