Tangerine Harbor color palette — #FCDEDD · #F17947 · #B26000 · #704A00 · #4A3F00

Built around Tangerine, softened by Ochre — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FCDEDD): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#F17947): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#B26000): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#704A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4A3F00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Frosted Amber Loft color palette (#F2DBD3, #D48841, #8B6200, #564800, #0E401C)
• Wandering Marigold color palette (#FFF3E4, #DE990E, #836000, #503400, #342200)
• Weathered Grove color palette (#FFDDEE, #EB6B92, #CC2E35, #833800, #603300)
• Washed Apricot color palette (#FFF1F6, #E18D25, #0076B8, #844D00, #003E64)
• Ancient Bronze color palette (#FFEDDF, #CEA95E, #8D7D1C, #556103, #345332)
• Antique Coast color palette (#FFF1F6, #F5E4A0, #89C993, #A65A51, #514014)
• Antique Alley color palette (#FFE7C7, #AA7300, #0078BA, #1755CC, #432B00)
• Hushed Amber Courtyard color palette (#F8D9EA, #81D9FF, #CD8500, #3E2500, #142113)

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