Tempered Bronze color palette — #FCF3ED · #D2A48D · #5EA2C5 · #A85B2F · #2B5747

Ochre and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FCF3ED): bright and airy, almost weightless.
• Camel (#D2A48D): A luminous, dusty orange — the color of autumn markets.
• Blue Fog (#5EA2C5): A luminous, balanced blue — the color of open sky before noon.
• Ochre (#A85B2F): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Olive (#2B5747): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Optimism, Sophistication. 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

• Washed Plum color palette (#FFF2EE, #D99DA4, #4AA8B4, #B5495E, #13575E)
• Azure Terrace color palette (#FDECF5, #DEA485, #48A8D4, #A25E35, #173447)
• Worn Sky Meadow color palette (#FFF2E9, #F5B38E, #67BEE3, #BB7B56, #335647)
• Worn Loft color palette (#FCF4E8, #C1AE83, #799BCA, #8F6D00, #5D425E)
• Antique Cerulean Studio color palette (#FFF2E9, #C28967, #4D90C2, #5F6CA8, #47413C)
• Hushed Bronze Canyon color palette (#FFF2EA, #C8B59D, #AB7145, #7F4D53, #584500)
• Weathered Chestnut Workshop color palette (#F9F5EB, #D5BC97, #6A5D30, #3B3832, #25271A)
• Airy Olive color palette (#F8F6E5, #96A86D, #877DCA, #597000, #413B67)

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