Tempered Bronze Harbor color palette — #E6F2E8 · #E1C587 · #A7813A · #6E5012 · #0D1A0F

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

The five colors

• Cream (#E6F2E8): a clean, paper-quiet neutral.
• Honey (#E1C587): A whisper-light, balanced gold — the color of old brass.
• Caramel (#A7813A): A luminous, balanced gold — the color of old brass.
• Coffee (#6E5012): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#0D1A0F): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Amber Courtyard color palette (#F7EAF1, #D7C987, #BC724F, #824222, #230D1B)
• Antique Studio color palette (#E4F2EF, #E9C092, #6D9650, #42602B, #001B17)
• Weathered Chestnut color palette (#F7EDDE, #CCB07A, #7F5C0D, #473100, #1D1408)
• Hushed Courtyard color palette (#EEF8EF, #F2CA7A, #815C00, #362400, #010502)
• Tempered Marigold color palette (#F4E7D5, #C59921, #5D4100, #271900, #090400)
• Antique Amber Thicket color palette (#D6E7E6, #B87530, #00582C, #001B0A, #000202)
• Taupe Parlor color palette (#ECF8F6, #FECFDF, #88A983, #587654, #212F2C)
• Apricot Pier color palette (#CFE2E5, #F0A56F, #008D78, #005548, #000E11)

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