Amber Harbor color palette — #F0DFCE · #CB7A34 · #925200 · #562C00 · #040100

Mustard and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Parchment (#F0DFCE): A whisper-light, dusty gold — the color of old brass.
• Mustard (#CB7A34): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#925200): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#562C00): A deep, shadowed, balanced gold — the color of old brass.
• Black (#040100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged monochrome, warm.

Use it as a design system

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

• Hushed Station color palette (#F9EECD, #A98900, #7B6100, #453900, #030200)
• Patina Bronze Drift color palette (#F8E3D3, #B26200, #683900, #2C1400, #040100)
• Garnet Lantern color palette (#F9DCC9, #A47645, #984316, #780820, #050300)
• Amber Boulevard color palette (#ECE3D2, #A38800, #007562, #685600, #010200)
• Bronze Corridor color palette (#EAE6FC, #008EA4, #A66700, #1F0F00, #030100)
• Brick Basin color palette (#FFE2E6, #D66271, #BC0A3A, #700025, #070000)
• Pale Amber Corridor color palette (#FFE5B8, #E2BA69, #B78B00, #7C5C00, #221600)
• Dusty Parlor color palette (#FFF3E6, #FFC573, #E79400, #A06800, #311F00)

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