Tempered Bronze Harbor color palette — #F1F7F1 · #D1DEDB · #B0C4C2 · #8F6D40 · #414B40

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

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Silver (#D1DEDB): a clean, paper-quiet neutral.
• Stone (#B0C4C2): A luminous, dusty teal — the color of sea glass.
• Walnut (#8F6D40): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Charcoal (#414B40): A full-bodied, dusty green — the color of new leaves after rain.

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 Drift color palette (#F7EFF2, #CBD6D9, #ABBEC0, #A1661D, #34292C)
• Driftwood Canyon color palette (#EFF7F3, #D2DCDC, #A9ACB6, #698B7A, #4B5650)
• Patina Chestnut color palette (#EAFAEF, #C1D9CD, #83B2A1, #6B5900, #21392B)
• Washed Lantern color palette (#DBE3DD, #9AB0A1, #638977, #483400, #0B170E)
• Antique Bronze color palette (#D9E9DF, #837100, #21382F, #15231B, #050E0D)
• Muted Grove color palette (#E5F3F3, #A8BEC0, #6F969D, #005235, #0D2324)
• Linen Moss Field color palette (#E9FAEE, #FFD59B, #D8BB6B, #8C9325, #2A4A39)
• Taupe Station color palette (#E7FBED, #B0944D, #6C6E32, #0D5A50, #284434)

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