Amber Harbor color palette — #F9DADC · #FF967C · #D86800 · #8A5400 · #4F3C00

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

The five colors

• Shell Pink (#F9DADC): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#FF967C): A luminous, balanced orange — the color of toasted spice.
• Pumpkin (#D86800): A luminous, vivid gold — the color of old brass.
• Ochre (#8A5400): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#4F3C00): A deep, shadowed, dusty gold — the color of honey in a jar.

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 Thicket color palette (#FFE6F1, #FF8097, #EF4C23, #9F5000, #5C3900)
• Worn Tangerine Boulevard color palette (#FCE3E2, #EB7D54, #A35B00, #654900, #312A00)
• Tempered Apricot color palette (#FCDACD, #FD9A38, #B27F00, #6A5F00, #3F4800)
• Powdered Tangerine Meadow color palette (#F9D9D0, #FFAB89, #F57402, #C06700, #583100)
• Patina Terracotta color palette (#FFEADA, #D4AD73, #BF6F32, #9E3B30, #3E3505)
• Washed Amber Workshop color palette (#FFF3E5, #F4BA5C, #BD7300, #734A00, #352100)
• Washed Marigold color palette (#FFF3E7, #FCAB5A, #0099C2, #AB6300, #004155)
• Coral Ridge color palette (#FFF3E9, #EFE7B1, #94E08A, #E56167, #5B3F11)

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