Tempered Bronze color palette — #FCF4EA · #E5DDCB · #C6BF98 · #9D6D00 · #37322C

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

The five colors

• Ivory (#FCF4EA): bright and airy, almost weightless.
• Bone (#E5DDCB): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#C6BF98): A luminous, dusty green — the color of fresh herbs.
• Ochre (#9D6D00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#37322C): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Weathered Market color palette (#F0EFE7, #D7D9CD, #B3BBA9, #657C0F, #312E1E)
• Patina Chestnut color palette (#FDF3E8, #D6D3C5, #A4AB8C, #7C5000, #37322C)
• Rust Quarry color palette (#FEF2ED, #EADBD0, #D1B99F, #C54738, #562000)
• Patina Amber Lagoon color palette (#F0F8EF, #C5E0E0, #9BCBD9, #D08600, #283827)
• Wandering Basalt color palette (#E6E1D7, #A9A590, #868971, #4F4500, #0E0800)
• Misty Courtyard color palette (#EEEDD2, #67C27D, #008D6A, #7F4D1F, #003915)
• Olive Alley color palette (#F1F1D8, #817B00, #274006, #221A00, #0D0600)
• Tempered Amber color palette (#FCE1AA, #BF9000, #5D7B00, #004B96, #302900)

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