Amber Harbor color palette — #FAD8D1 · #F7845E · #D36600 · #955A00 · #3F2900

Pumpkin and Salmon set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#FAD8D1): A whisper-light, dusty orange — the color of autumn markets.
• Salmon (#F7845E): A luminous, balanced orange — the color of toasted spice.
• Pumpkin (#D36600): A luminous, vivid gold — the color of old brass.
• Ochre (#955A00): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3F2900): 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

• Soft Meadow color palette (#FFD4DE, #F48A7F, #BA5800, #5F4100, #2B2400)
• Amber Chapel color palette (#FFE2D9, #F89F60, #D48629, #9C6D00, #4D3C00)
• Pale Amber color palette (#F8D8C8, #DA7A00, #A16E00, #6E5400, #221E00)
• Amber Market color palette (#FFE9D6, #CFAB7B, #BA8050, #935B46, #2E2200)
• Rose Hollow color palette (#FADAE5, #FF7792, #E4565D, #AD3615, #552100)
• Aged Azure color palette (#F1D9C4, #FFAE65, #14ADF5, #A25A00, #002D43)
• Hushed Amber color palette (#FFEDDA, #EDDD9F, #99D7B2, #CB7D61, #34302A)
• Weathered Basin color palette (#E9E0D2, #CDA000, #9B9100, #686E00, #243300)

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