Amber Harbor color palette — #FFE0DA · #F9A889 · #DF7721 · #8F5908 · #57461F

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

The five colors

• Shell Pink (#FFE0DA): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#F9A889): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#DF7721): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#8F5908): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#57461F): A full-bodied, 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

• Apricot Balcony color palette (#FFF2ED, #FFCBAE, #DE945E, #975F1A, #53370D)
• Coral Loft color palette (#FFD5CE, #FB9AA4, #E1625D, #9D4D36, #49423E)
• Weathered Studio color palette (#FFF3E7, #D7B98D, #B98250, #8D5B45, #403D36)
• Sunlit Amber Chapel color palette (#FFE4CA, #DFAE68, #B98D00, #797119, #4E4C45)
• Wandering Canyon color palette (#FEF3E8, #E3AA75, #4AAFEB, #B76B00, #1D4C3E)
• Bronze Alley color palette (#FFE0D4, #BF5E00, #7A4C00, #463000, #191200)
• Muted Cocoa color palette (#FFF3E6, #DCE0C9, #A4DCB6, #BB8365, #664500)
• Wandering Bronze color palette (#F8ECDD, #8D6B00, #534A00, #272D00, #050A00)

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