Tangerine Harbor color palette — #F8E0DC · #F16E1F · #A45B00 · #653E00 · #312300

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 (#F8E0DC): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#F16E1F): A luminous, vivid orange — the color of toasted spice.
• Ochre (#A45B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#653E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#312300): 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

• Dusty Thicket color palette (#F6E7DD, #CB8300, #8B6400, #4B3B00, #201E00)
• Softworn Ember color palette (#FFD1D4, #FB5F26, #A35E00, #674B00, #423F00)
• Weathered Apricot color palette (#FFECF2, #E69125, #0079C4, #824D00, #00223D)
• Dusty Scarlet color palette (#FEDEE7, #F7627C, #D80718, #7A2200, #3B1800)
• Timeworn Chapel color palette (#D5E8D4, #C5A64E, #8D7F00, #4F5A00, #00312A)
• Lime Parlor color palette (#E2FAE1, #EFE5A0, #90CB50, #A25329, #322200)
• Grape Meadow color palette (#FFDFB7, #B17400, #008684, #8533AB, #241400)
• Shadow Chestnut Veranda color palette (#E7E1D2, #6F6000, #393F00, #142000, #010400)

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