Tempered Harbor color palette — #FFF3E9 · #F9CEAD · #E6AF76 · #BC8E4A · #57534C

A conversation between Mustard and Sand, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Wheat (#F9CEAD): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#E6AF76): A luminous, balanced gold — the color of old brass.
• Mustard (#BC8E4A): A luminous, balanced gold — the color of old brass.
• Charcoal Brown (#57534C): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged light, muted.

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

• Wandering Marigold Harbor color palette (#FEF3E6, #EFD09E, #90D8C4, #D29E40, #405432)
• Patina Bloom color palette (#FBF4EC, #E6D7C2, #CBB191, #AA8C6E, #5D4200)
• Aged Corridor color palette (#FFF2EF, #FDC1C7, #F5A3A2, #D47C6F, #544D49)
• Ancient Delta color palette (#FFF0FB, #FFDAC8, #EBA45B, #8D7536, #335344)
• Washed Apricot Chapel color palette (#FFDAEC, #E7A36F, #AE7942, #72542D, #213725)
• Moss Orchard color palette (#FFF4DA, #D5D5A1, #AEBA74, #849951, #4F4F48)
• Wandering Blush Quarry color palette (#FFF3E6, #E3C098, #A3CB92, #E792A6, #47413C)
• Patina Mustard Courtyard color palette (#FFD9A5, #EFB212, #BE9B00, #8D7800, #423E00)

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