Tempered Bronze Harbor color palette — #F7EED9 · #8B5D00 · #32393F · #231F00 · #030300

Ochre takes the lead with Onyx close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F7EED9): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#8B5D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#32393F): a grounded near-black with real depth.
• Onyx (#231F00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#030300): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

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

• Chestnut Garden color palette (#E6E9D7, #874200, #222B31, #011A02, #000200)
• Midnight Basin color palette (#F1E8D2, #5B6D00, #00402D, #001B1C, #000204)
• Muted Meadow color palette (#DFF5E9, #AD7700, #3E3900, #121000, #000201)
• Fern Ridge color palette (#F2F2EB, #DEBC9D, #536A39, #32312B, #15140A)
• Washed Loft color palette (#DDECDD, #BF4E51, #38353E, #003131, #000A0A)
• Lowlit Navy color palette (#EDDCC2, #583F00, #00356C, #390020, #020100)
• Weathered Apricot color palette (#EFF4E5, #EE8A54, #005B37, #002816, #060900)
• Spruce Lagoon color palette (#EAE9E0, #9CA393, #4A878B, #2D3D00, #050400)

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