Bronze Harbor color palette — #D4F2FF · #A55200 · #3D3332 · #002227 · #000607

Built around Ochre, softened by Midnight — the whole palette hums with optimism and sophistication.

The five colors

• Frost (#D4F2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Ochre (#A55200): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3D3332): a grounded near-black with real depth.
• Midnight (#002227): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000607): quiet, heavy and certain.

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

• Plum Garden color palette (#DAF1FC, #AD3751, #413837, #00232B, #000305)
• Velvet Bronze color palette (#D4F5F4, #975D00, #002411, #1C181E, #000602)
• Worn Ember Pier color palette (#D0E9F6, #EA6300, #004251, #001F27, #030816)
• Amber Pier color palette (#D8E7D7, #B98F25, #006664, #002F2F, #000300)
• Amber Quarry color palette (#E7EFFB, #CF8B31, #213F7E, #10213B, #100E1A)
• Tempered Atelier color palette (#E3EFF6, #9CABBC, #747E9B, #003E4F, #05161F)
• Navy Veranda color palette (#E6EFFF, #907900, #0A1370, #01022B, #00020C)
• Aubergine Coast color palette (#D1E3E9, #00777A, #360089, #002D2F, #01000E)

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