Tempered Bronze color palette — #FDF3EB · #A57445 · #6C6726 · #005B72 · #482F30

Mocha takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FDF3EB): a clean, paper-quiet neutral.
• Mocha (#A57445): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Olive (#6C6726): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005B72): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#482F30): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Denim Delta color palette (#FAF4EC, #A38758, #3A7451, #2C4D8F, #3D3632)
• Ancient Denim Corridor color palette (#FEF2F1, #BF849B, #707635, #005A82, #5F3145)
• Bronze Archive color palette (#FCEFE4, #A56F42, #3F3C35, #32261C, #19140D)
• Muted Navy Basin color palette (#FFF3E7, #995800, #006038, #003683, #410F0F)
• Driftwood Parlor color palette (#FAF3F0, #DCDAD4, #9FB0AB, #B06D63, #5B504A)
• Dusty Chestnut color palette (#FFF2EF, #DAAF9B, #A37447, #6E5400, #444B00)
• Timeworn Taupe Hollow color palette (#FFF3E9, #F7D4CE, #FFB78D, #A5A64B, #4A453F)
• Feathered Navy color palette (#F3E2D2, #7F4700, #005036, #1D0074, #1F0A00)

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