Tangerine Harbor color palette — #F9D6D5 · #FF7346 · #B86500 · #724800 · #3A2C00

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

The five colors

• Shell Pink (#F9D6D5): A whisper-light, dusty red — the color of embers at dusk.
• Tangerine (#FF7346): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#B86500): A full-bodied, balanced gold — the color of old brass.
• Bronze (#724800): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#3A2C00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, 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

• Pale Amber color palette (#FFE6EB, #FF8474, #DF7600, #8D5C00, #3F3500)
• Muted Grove color palette (#F9EAE0, #DB8A00, #9C7700, #565600, #2B3C00)
• Marigold Station color palette (#FDD5B7, #D59800, #B15F00, #8D2D1C, #2F2900)
• Washed Rose Ridge color palette (#EDD8DD, #FE3433, #934900, #563D00, #1B3611)
• Airy Rust Harbor color palette (#FFEFE3, #EDD572, #80CD7D, #CB5D51, #4C3900)
• Hazy Ridge color palette (#FEDEC1, #F99229, #0081D0, #9A5500, #003052)
• Feathered Amber Canyon color palette (#CEEAFF, #FF9DB0, #D87200, #472100, #271403)
• Crimson Field color palette (#FFE4F1, #FF6198, #DC0036, #8C3000, #4F2B00)

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