Amber Harbor color palette — #FFF2EE · #FFA278 · #D57130 · #8E4D00 · #472700

A conversation between Coral Clay and Melon, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Melon (#FFA278): A luminous, balanced orange — the color of sun-warmed clay.
• Coral Clay (#D57130): A luminous, balanced gold — the color of old brass.
• Burnt Sienna (#8E4D00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#472700): A deep, shadowed, dusty gold — the color of old brass.

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

• Faded Amber color palette (#F7DDE0, #F6A095, #E17734, #A16700, #473400)
• Washed Amber color palette (#FFF3E6, #EFBB68, #B48300, #6A5300, #352C00)
• Coral Courtyard color palette (#FFF1F4, #FF9BAB, #DE6970, #8C3630, #4E180E)
• Sunlit Tangerine color palette (#EEDAD0, #EE7800, #8B4C00, #513000, #100700)
• Amber Station color palette (#FFF3E6, #FFCB88, #C38121, #623C00, #1B0D00)
• Bronze Harbor color palette (#FFF0F8, #FEA775, #C78AE2, #B55814, #361942)
• Bronze Drift color palette (#FAE2CA, #AD7600, #674900, #322600, #060400)
• Chalky Harbor color palette (#FFF1F6, #DB954D, #7AA54B, #BA597D, #2F0D1D)

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