Bronze Harbor color palette — #FFDCD3 · #AF5E00 · #553500 · #1B1400 · #010100

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

The five colors

• Shell Pink (#FFDCD3): A whisper-light, dusty orange — the color of toasted spice.
• Ochre (#AF5E00): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#553500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1B1400): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#010100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged 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

• Bronze Orchard color palette (#DDF2DE, #807329, #513600, #220B00, #000201)
• Deep Pier color palette (#FFE7DB, #804600, #432900, #1F1400, #030700)
• Obsidian Brick color palette (#FDD4DD, #C41A29, #712900, #240F00, #020100)
• Dusty Denim Veranda color palette (#DAEEDC, #8A6300, #0052A6, #3A2700, #000105)
• Aubergine Cabin color palette (#FBECDD, #774800, #004B74, #49006E, #020100)
• Aged Archive color palette (#F1DFC2, #A69000, #596400, #1C3700, #00160A)
• Cornflower Quarry color palette (#F5DDE4, #4175FF, #8F6D00, #040F0D, #000200)
• Washed Marigold Orchard color palette (#FFE8D9, #E99800, #967F00, #4A4E00, #122700)

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