Amber Harbor color palette — #FFF2EC · #FFC6A2 · #D67B00 · #885400 · #422900

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Wheat (#FFC6A2): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#D67B00): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#885400): A full-bodied, balanced gold — the color of old brass.
• Espresso (#422900): 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

• Ember Alley color palette (#FFF2F0, #FFAE97, #EF5F04, #994500, #582B00)
• Soft Coast color palette (#FFF2E3, #FDB948, #B68700, #765D00, #3E3400)
• Hazy Tangerine Thicket color palette (#F7DBD4, #EF813F, #A15900, #664200, #2B1E00)
• Airy Delta color palette (#F6E8D1, #C09300, #7E6600, #413800, #0B0A00)
• Fuchsia Orchard color palette (#FFF3E7, #FFB66E, #EC7DEA, #B46900, #451B44)
• Dusty Moss Chapel color palette (#F3EFD5, #8F8D00, #555E00, #192300, #010200)
• Ancient Station color palette (#FFF3E2, #EAF98F, #D9E7C5, #B78B53, #39362F)
• Patina Blush color palette (#FFF1F5, #FFB3C1, #FF5774, #AC303E, #57100F)

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