Tempered Harbor color palette — #FAE6CC · #C19A46 · #8F6000 · #623800 · #241B00

Mustard takes the lead with Ochre close behind in a set that reads as optimism and balance at first glance.

The five colors

• Parchment (#FAE6CC): A whisper-light, dusty gold — the color of old brass.
• Mustard (#C19A46): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#8F6000): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#623800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#241B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance, Grounding. Tagged earthy, 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

• Wandering Rust Harbor color palette (#FFE3D1, #DD8852, #A64E24, #702A1B, #2C1601)
• Airy Bronze Atelier color palette (#DFF6DE, #B19A60, #8E5E00, #6D3A0F, #3B370C)
• Dusty Harbor color palette (#FFF3E5, #F0CD51, #BE8434, #865036, #302700)
• Worn Bronze color palette (#E9DFCD, #9D850E, #6A5100, #432C00, #140D00)
• Olive Hollow color palette (#F1ECD9, #6D7A19, #484600, #292300, #040600)
• Moonless Chestnut Parlor color palette (#FFE9DC, #914D00, #582600, #2F0A00, #030100)
• Ancient Boulevard color palette (#FFEDEE, #D000B3, #9D5600, #084690, #23071E)
• Blush Atelier color palette (#DDE7D5, #E2A200, #FF6180, #38150D, #170704)

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