Bronze Harbor color palette — #FDEFE4 · #D1B69C · #AC7444 · #80481D · #352A1E

A conversation between Mocha and Coffee, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#FDEFE4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sand (#D1B69C): A luminous, dusty gold — the color of old brass.
• Mocha (#AC7444): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#80481D): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#352A1E): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Hushed Fern color palette (#FFEFDC, #D5C096, #958548, #5E580F, #2C3100)
• Bronze Ridge color palette (#F7F0EB, #E5B99F, #94814F, #986343, #1C1507)
• Worn Bronze Loft color palette (#FFF2E9, #E0DDC1, #C9A68D, #A9664C, #523B00)
• Softworn Workshop color palette (#FCEFE9, #DBBD9F, #835349, #522000, #1B110C)
• Timeworn Chestnut color palette (#FEF1F7, #ACBEAB, #987486, #814D49, #384E40)
• Quiet Lagoon color palette (#FEE5C6, #BB9B5C, #8F6000, #623800, #241B00)
• Tempered Basin color palette (#F5E9D4, #948651, #6B5100, #432C00, #140D00)
• Wandering Garden color palette (#FFF0F7, #E3BFCD, #BA9279, #8D677E, #564148)

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