Tempered Harbor color palette — #FFF3E7 · #E5CFB0 · #B1A687 · #834A00 · #37322D

A conversation between Bronze and Wheat, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Wheat (#E5CFB0): A whisper-light, dusty gold — the color of old brass.
• Taupe (#B1A687): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#834A00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#37322D): quiet, heavy and certain.

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

Use it as a design system

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

• Washed Chestnut Quarry color palette (#FCEFE4, #DED2BE, #B2AC8E, #874900, #291400)
• Mulberry Field color palette (#FFF2EE, #E8CCBD, #C19F83, #992F40, #412E28)
• Muted Fern Garden color palette (#F7F5EB, #D0DECE, #B0B7A3, #5F6A2B, #3C3B34)
• Washed Bronze color palette (#EBE4D7, #A09987, #7B7328, #382800, #0E0802)
• Hushed Bronze color palette (#FDF2F6, #CFE5D4, #A4C7BA, #B06000, #452935)
• Washed Study color palette (#FAF4ED, #DADBD2, #A1B0AF, #A5783C, #57524B)
• Weathered Fern Market color palette (#EAEADB, #B7BBAA, #859475, #334E00, #212014)
• Faded Moss color palette (#F2ECCE, #62A732, #006D37, #6A2F11, #1A3605)

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