Tangerine Harbor color palette — #EEDADF · #FFA699 · #F97F23 · #B17600 · #453B00

A conversation between Tangerine and Ochre, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#EEDADF): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FFA699): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#F97F23): A luminous, vivid gold — the color of honey in a jar.
• Ochre (#B17600): A luminous, balanced gold — the color of old brass.
• Deep Olive (#453B00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Antique Amber color palette (#F7DBD7, #F6A782, #CF9300, #947B00, #324004)
• Faded Amber color palette (#FFD3CB, #FF9875, #D46A00, #845000, #533800)
• Timeworn Blush Pier color palette (#FFE6FB, #FF98B9, #FF6A78, #C05300, #583700)
• Ancient Coral color palette (#F0E0E2, #FF6C4A, #A15600, #5D3E00, #292500)
• Worn Villa color palette (#FFEAD9, #E2C481, #D99158, #CA5451, #34390E)
• Muted Marigold Workshop color palette (#FFF3E3, #FFC66E, #EA9600, #A27200, #341D00)
• Amber Orchard color palette (#FFE2DA, #D67D00, #9D7200, #585F00, #0A2500)
• Airy Bronze Villa color palette (#FFF3E6, #FFCF9D, #50C5FF, #B77100, #00405A)

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