Tangerine Harbor color palette — #EDDAD7 · #FF977F · #F7692B · #BB5819 · #543114

Tangerine takes the lead with Terracotta close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Bone (#EDDAD7): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FF977F): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#F7692B): A luminous, vivid orange — the color of autumn markets.
• Terracotta (#BB5819): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#543114): 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 Tangerine 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 Archive color palette (#FFE8EB, #F88281, #D55600, #904C00, #4D3400)
• Tempered Amber color palette (#F5E4D9, #ECB48B, #D8865A, #A9654F, #352F2A)
• Soft Rose color palette (#EEDBE1, #FF92B2, #F25779, #B7525D, #5D2E2C)
• Wandering Amber color palette (#F2DBC9, #F2A64C, #CD8800, #966A00, #4E3A00)
• Amber Ridge color palette (#FFEADA, #FFA76A, #5CCB7B, #DA700A, #143F21)
• Misty Ember Atelier color palette (#FFE5DC, #EB6700, #B55C00, #7B4300, #301A00)
• Terracotta Studio color palette (#FCE4EE, #D7747A, #9E4400, #5F3900, #251C00)
• Tempered Veranda color palette (#F8E0C6, #EA9A32, #76BA43, #CF7690, #3B270E)

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