Amber Harbor color palette — #FFF1EF · #FFC2AF · #EB9669 · #C46E0C · #523100

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

The five colors

• Ivory (#FFF1EF): a clean, paper-quiet neutral.
• Wheat (#FFC2AF): A whisper-light, dusty orange — the color of toasted spice.
• Apricot (#EB9669): A luminous, balanced orange — the color of toasted spice.
• Mustard (#C46E0C): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#523100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Soft Bronze color palette (#FFEBDB, #F4CA9A, #CDA35A, #9D7C00, #4A4200)
• Frosted Bronze Station color palette (#FFF1F1, #EDABB1, #C67752, #955B00, #4C3E00)
• Feathered Marigold color palette (#FEE2D4, #FDA042, #C68000, #886100, #352A00)
• Powdered Ember color palette (#FFE8EF, #FFBDCA, #EB8C92, #D2574B, #6C1C00)
• Dusty Apricot Boulevard color palette (#EFE2DA, #EA9069, #97622F, #70390A, #1E1613)
• Apricot Summit color palette (#FFF2EB, #EED5C8, #FFA453, #AABBA1, #623000)
• Bronze Field color palette (#EADFD2, #A57800, #796000, #423B00, #020300)
• Weathered Driftwood Alley color palette (#FFF0DB, #E1D6C1, #C1BA99, #86987A, #3F563E)

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