Tangerine Harbor color palette — #F8D8DF · #FF9C91 · #FF7731 · #B26600 · #503800

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

The five colors

• Shell Pink (#F8D8DF): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#FF9C91): A luminous, balanced orange — the color of autumn markets.
• Tangerine (#FF7731): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#B26600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#503800): 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 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

• Amber Cabin color palette (#F8E1DB, #FF9C6C, #D28100, #95741E, #403901)
• Quiet Ridge color palette (#FFE9E5, #FF947A, #DB5300, #964600, #683506)
• Ember Garden color palette (#FFF1F5, #FFB4B7, #E85F00, #905600, #3C2F00)
• Faded Apricot Parlor color palette (#FFE7F4, #F9B971, #E08B60, #AE6A69, #423406)
• Worn Rust color palette (#FFE2E2, #E87761, #AF4400, #713900, #3C2300)
• Sunlit Blush color palette (#F1D7E8, #FF97C0, #FF6078, #BE4F43, #6E3107)
• Hushed Amber color palette (#FFE3D8, #DC7900, #9F7000, #665400, #1C2000)
• Dusty Aqua color palette (#EFDAE0, #43DAFB, #FFA379, #7A503D, #291923)

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