Bronze Workshop color palette — #FFF0F9 · #B66A51 · #587D3E · #005B7C · #422A3A

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Mocha (#B66A51): A luminous, balanced orange — the color of sun-warmed clay.
• Olive (#587D3E): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#005B7C): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#422A3A): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.

Use it as a design system

One click turns Bronze Workshop 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

• Fern Atelier color palette (#FFF1F7, #A66F48, #346929, #004779, #372739)
• Ancient Denim color palette (#FFF1F6, #B48558, #428F7D, #455D97, #4A373E)
• Bronze Lantern color palette (#EBFAEE, #A7832F, #007463, #005259, #552343)
• Navy Workshop color palette (#E7FCE9, #CB8171, #816600, #38468E, #533142)
• Quiet Bronze Pier color palette (#FDF0DE, #AF7B0A, #138A5E, #005F5E, #231807)
• Airy Aubergine color palette (#DAF6EA, #737613, #006C86, #5A2286, #082E22)
• Tempered Bronze color palette (#F9F3F7, #CFD9DA, #AFC0BF, #A75D41, #50434B)
• Patina Bronze color palette (#FFD8EC, #A34B00, #006852, #003B79, #361400)

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