Bronze Harbor color palette — #FBE7F1 · #9A5A54 · #4E3600 · #002238 · #070B1F

Built around Walnut, softened by Deep Olive — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#FBE7F1): A whisper-light, dusty rose — the color of strawberry cream.
• Walnut (#9A5A54): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#4E3600): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Midnight (#002238): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#070B1F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Softworn Terrace color palette (#FFE9E5, #7A5B32, #313E00, #261C3F, #20021D)
• Timeworn Lagoon color palette (#E1E5F2, #785E88, #623037, #002118, #030B17)
• Timeworn Chestnut Corridor color palette (#E9DFD3, #835800, #462800, #202B26, #110800)
• Worn Bronze Ridge color palette (#FFDED6, #A26D49, #6F4912, #213D0B, #001C0C)
• Shadow Brick Alley color palette (#FFE8EA, #B2100C, #552500, #231200, #0C0700)
• Charred Basin color palette (#F1DCCB, #426045, #463A00, #001A0E, #000403)
• Washed Cocoa Market color palette (#FDEBDD, #7A3F00, #004365, #351800, #00070F)
• Bronze Lantern color palette (#FADCED, #AD7370, #915D00, #205177, #000C26)

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