Amber Harbor color palette — #F1DDCE · #CB7300 · #8E5800 · #532C00 · #040100

A conversation between Mustard and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Parchment (#F1DDCE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#CB7300): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#8E5800): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#532C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• 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

• Patina Amber Boulevard color palette (#F2EECE, #A48B00, #7A6500, #483800, #030200)
• Quiet Bloom color palette (#F5E3ED, #B36F06, #9B4000, #6F1E25, #050300)
• Timeworn Bronze Station color palette (#EBDBCD, #B06500, #6E3C00, #2E1600, #040100)
• Ancient Field color palette (#FEE1DA, #E05C34, #BA0514, #641300, #060000)
• Timeworn Bronze color palette (#E9E2FF, #008FA0, #A46800, #261500, #000300)
• Weathered Amber color palette (#D2E5D9, #A38800, #007469, #685600, #000202)
• Wandering Mustard Courtyard color palette (#F4E0AD, #E5B740, #B48A00, #775E00, #1F1300)
• Worn Mulberry color palette (#FBDFEF, #C75C23, #005091, #7F0057, #060003)

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