Tempered Bronze Harbor color palette — #FAF0E6 · #AF6A17 · #403C35 · #31261B · #181510

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

The five colors

• Cream (#FAF0E6): a clean, paper-quiet neutral.
• Ochre (#AF6A17): A full-bodied, balanced gold — the color of honey in a jar.
• Charcoal (#403C35): a grounded near-black with real depth.
• Onyx (#31261B): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#181510): a grounded near-black with real depth.

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

• Tempered Dune color palette (#F5F2E5, #7F8329, #3F4000, #2C291C, #151611)
• Ancient Rust Parlor color palette (#FBEFEB, #B26268, #602C00, #322521, #191411)
• Worn Amber Cabin color palette (#FCEDF3, #D78634, #485E54, #3F3539, #252024)
• Marigold Meadow color palette (#FFECF2, #E6A86B, #708171, #5F5055, #261F23)
• Velvet Fern Harbor color palette (#F0E5CC, #635400, #2F3B3C, #161D00, #0E0800)
• Ancient Lagoon color palette (#E9EBD9, #4E5A5F, #0D4603, #162325, #000B06)
• Antique Atelier color palette (#FBF5E4, #9F9B58, #2796BC, #996280, #45423B)
• Weathered Iris color palette (#FBF5E6, #BBB17A, #8494D8, #80732E, #5F4357)

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