Amber Harbor color palette — #FFE1D7 · #DC6A00 · #8F4F00 · #4A3100 · #1E1600

A conversation between Pumpkin and Ochre, giving this palette its sense of optimism and balance.

The five colors

• Shell Pink (#FFE1D7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Pumpkin (#DC6A00): A luminous, vivid gold — the color of old brass.
• Ochre (#8F4F00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#4A3100): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1E1600): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, 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

• Bronze Studio color palette (#E9DCCF, #AA7C00, #735C00, #3D3C00, #181D00)
• Aged Ember color palette (#FBDBDF, #EF5702, #915500, #513F00, #0F3815)
• Bronze Field color palette (#FFEAEC, #FF9672, #B96500, #684C00, #2A2D00)
• Amber Harbor color palette (#FFE0AB, #CA9300, #7D5900, #362600, #0C0600)
• Hushed Amber Delta color palette (#F1DFE4, #C98422, #0068A6, #6B4200, #00172B)
• Worn Bloom color palette (#FFDBE1, #E94B5A, #B40E00, #5F2000, #2B1200)
• Gentle Lime Orchard color palette (#DEFBDF, #D5CE79, #79C64D, #8C4600, #2C2100)
• Weathered Aubergine color palette (#F8E8D2, #976700, #007375, #7E009C, #160C00)

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