Softworn Bronze Harbor color palette — #F9EAE2 · #B46D59 · #573100 · #281B14 · #110B09

Built around Mocha, softened by Cocoa — the whole palette hums with optimism and sophistication.

The five colors

• Cream (#F9EAE2): a clean, paper-quiet neutral.
• Mocha (#B46D59): A luminous, balanced orange — the color of autumn markets.
• Cocoa (#573100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#281B14): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#110B09): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Softworn Bronze Harbor 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 Bronze Grove color palette (#F3ECE2, #A07D29, #3D3B34, #231D14, #100B07)
• Charred Bronze Ridge color palette (#F5DAC3, #9E5600, #372700, #1C0C00, #090200)
• Muted Coral Garden color palette (#F9EEF5, #D08570, #675159, #41333C, #251F25)
• Muted Terrace color palette (#FFF2EC, #E29987, #714C00, #352821, #140E0D)
• Wandering Loft color palette (#FEF0DD, #B9965C, #3E9EA2, #8F679A, #322410)
• Basalt Studio color palette (#ECE4C3, #525D5F, #363A00, #182221, #010900)
• Weathered Amber color palette (#FFE7DA, #E4B092, #B57F4D, #6F5121, #36332C)
• Ancient Bronze Dune color palette (#FDEFE0, #D1AC7F, #779ED2, #94672A, #3D283E)

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