Tempered Bronze color palette — #FFEEEF · #F4B199 · #BB824A · #7A6600 · #354100

A conversation between Olive and Caramel, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFEEEF): bright and airy, almost weightless.
• Melon (#F4B199): A luminous, balanced orange — the color of toasted spice.
• Caramel (#BB824A): A luminous, balanced gold — the color of honey in a jar.
• Olive (#7A6600): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#354100): A deep, shadowed, balanced green — the color of new leaves after rain.

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

• Antique Olive color palette (#FFF1EA, #E0B37F, #A8943C, #516E16, #004923)
• Hazy Hollow color palette (#FFF1F2, #FFD1BF, #DE8925, #736500, #2E3B00)
• Worn Bronze color palette (#FFE7F2, #D2A277, #9B6B1B, #644A00, #453900)
• Hushed Chestnut Villa color palette (#FFEEFF, #F6ACC8, #CC7576, #994C14, #573800)
• Hushed Apricot color palette (#FFF4E1, #ED9788, #9C8344, #436399, #423C37)
• Amber Workshop color palette (#F1E2D2, #C57D25, #604A00, #322D28, #1E1612)
• Muted Parlor color palette (#FFE8D9, #956B00, #4B4C00, #072B00, #000703)
• Dusty Driftwood color palette (#FBF3EF, #DDDBD1, #BFC1B5, #B28275, #504540)

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