Tempered Bronze Harbor color palette — #FBF4EF · #DBDAD3 · #A4AFAB · #AD7247 · #59514B

Mocha and Charcoal Brown set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Silver (#DBDAD3): a clean, paper-quiet neutral.
• Ash (#A4AFAB): soft and architectural.
• Mocha (#AD7247): A luminous, balanced gold — the color of afternoon light on wheat.
• Charcoal Brown (#59514B): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Dusty Driftwood color palette (#F7F0ED, #D7D7D1, #A7B2AC, #A97461, #3E342E)
• Pewter Boulevard color palette (#FFF3E8, #C6BDA9, #908F78, #57786D, #5B4C55)
• Basalt Lagoon color palette (#F1EDE3, #BBB9AC, #8E9177, #4E4500, #251F0E)
• Tempered Cabin color palette (#FFF4E2, #D29976, #857645, #3B6350, #663D00)
• Dusty Driftwood color palette (#F8F5ED, #C7C2A5, #85863E, #925335, #594D00)
• Dusty Archive color palette (#FFF3E5, #E9D7C5, #F1B878, #9FA358, #48443D)
• Wandering Bronze color palette (#F4EAE2, #A49887, #896C25, #442000, #120600)
• Dusty Cabin color palette (#F6F7E6, #CFD6BD, #9BAE8D, #386900, #33332C)

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