Tempered Harbor color palette — #FBF3F0 · #EBCAAB · #A06F69 · #77391D · #352823

A conversation between Bronze and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Wheat (#EBCAAB): A whisper-light, dusty gold — the color of honey in a jar.
• Mocha (#A06F69): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#77391D): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#352823): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Aged Bronze color palette (#F9F4ED, #D7C296, #8A6D2B, #523F12, #2A2010)
• Driftwood Thicket color palette (#FCF2F9, #D4DBCD, #AA776F, #51404E, #21181F)
• Wandering Terracotta Terrace color palette (#FFF2EF, #C4C396, #8B4550, #4C312A, #2A241E)
• Washed Amber Field color palette (#FAF4F0, #F5C5B1, #B39760, #CF6D43, #312D27)
• Pale Hollow color palette (#FFF2EA, #EAAD63, #AA4600, #622500, #291507)
• Antique Corridor color palette (#F9EBD9, #B88927, #5E3D00, #271700, #050200)
• Wandering Chestnut Courtyard color palette (#E8DBD1, #C99B5E, #824100, #421E00, #150700)
• Sand Canyon color palette (#FAF2FB, #E6E1A4, #AE94B4, #77667B, #302831)

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