Softworn Bronze color palette — #FFF2EB · #E3DAC4 · #CAA68F · #A86847 · #5E3300

Ochre and Cocoa set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E3DAC4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#CAA68F): A luminous, dusty gold — the color of old brass.
• Ochre (#A86847): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#5E3300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Softworn 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

• Wandering Marigold color palette (#FFF3E7, #DFA656, #9F682C, #633B1D, #1C1000)
• Antique Taupe Cabin color palette (#FEF4DF, #E2E0AF, #A99F6C, #7A6941, #33322B)
• Tempered Driftwood color palette (#FBEDF6, #CDB2BF, #A37667, #6B4C68, #38262C)
• Smoked Bronze Ridge color palette (#F6D9C7, #AA5922, #662300, #290300, #030100)
• Softworn Ridge color palette (#FCF3EF, #E2D9D1, #D3A56B, #CB8578, #241D14)
• Softworn Summit color palette (#F3E3CA, #B59800, #785B00, #442C00, #060300)
• Shell Harbor color palette (#FFF2EE, #FFA7AF, #BEAE72, #837BA8, #3E2D28)
• Weathered Amber Ridge color palette (#FFF3E9, #FFC18C, #D27733, #8D4B2D, #392203)

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