Bronze Harbor color palette — #FDF3EA · #FFCDA3 · #AD8F00 · #B66800 · #0E0900

A conversation between Ochre and Mustard, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Peach Cream (#FFCDA3): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#AD8F00): A luminous, balanced green — the color of a quiet forest floor.
• Ochre (#B66800): A full-bodied, balanced gold — the color of honey in a jar.
• Ink (#0E0900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Feathered Moss Market color palette (#FAF4EC, #EFCB7D, #709936, #957000, #060600)
• Quiet Moss color palette (#EEEAD6, #8B971C, #005E1B, #3A4000, #000200)
• Crimson Atelier color palette (#FFF2EE, #FFC8CC, #EC5F03, #E80053, #170400)
• Weathered Boulevard color palette (#FAF5E9, #B9A045, #4C6C00, #5D4C00, #010100)
• Dusty Amber Garden color palette (#F9F4EE, #DCDDD0, #94B6BD, #C18400, #39342E)
• Soft Amber Drift color palette (#FFF1F6, #E98500, #746400, #7E4600, #082315)
• Hushed Boulevard color palette (#FFF4DD, #EED977, #A39D00, #526100, #1E3000)
• Antique Pier color palette (#FEF2EC, #FFBCA7, #00C93E, #FC612A, #1C1F06)

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