Amber Harbor color palette — #F7DDD3 · #E89361 · #C16811 · #844A00 · #4C2F00

Ochre and Apricot set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F7DDD3): A whisper-light, dusty orange — the color of toasted spice.
• Apricot (#E89361): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#C16811): A luminous, balanced gold — the color of old brass.
• Bronze (#844A00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#4C2F00): 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

• Chestnut Basin color palette (#F4E5D6, #CBA77B, #A47549, #7F4D2A, #34302A)
• Quiet Amber Corridor color palette (#FFF2ED, #FFB68F, #D87400, #844C00, #482C02)
• Muted Workshop color palette (#FFD7DA, #F68E94, #CA5D56, #943E2B, #5E2E1F)
• Washed Chestnut color palette (#F5D7D9, #CE7A68, #9B4F00, #664500, #2E3E0D)
• Softworn Apricot color palette (#FFEBD6, #DF9544, #32AD7F, #A16000, #00402B)
• Hushed Amber color palette (#FFE2C5, #DAAB6D, #B6882C, #8E6B10, #4D4A43)
• Marigold Delta color palette (#F1E9D7, #BB9C00, #8F7F00, #5E5D00, #2D3400)
• Chalky Market color palette (#FEDFBD, #C68535, #6A994B, #B55171, #3C260B)

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