Tangerine Harbor color palette — #EFDEDF · #FF9D8E · #FF783B · #B46D00 · #503A00

Tangerine and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#EFDEDF): a clean, paper-quiet neutral.
• Melon (#FF9D8E): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#FF783B): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#B46D00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#503A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Washed Ember Workshop color palette (#F5D8D3, #FF8861, #DC6000, #9D4D00, #663700)
• Frosted Amber Garden color palette (#FBD9D4, #FF9C57, #D78200, #9A7519, #3D3900)
• Blush Atelier color palette (#FFCDF0, #FFA4CA, #FF6675, #CA5637, #692C00)
• Faded Apricot color palette (#FFE7F3, #F3BC79, #DD8E62, #AE6A66, #1E3D2A)
• Misty Marigold color palette (#FFF3E8, #FFCB8F, #F19300, #AD6700, #3B2300)
• Amber Bloom color palette (#FFF0F7, #FFB07D, #6ECEFF, #D66B00, #00405A)
• Amber Courtyard color palette (#EBDBD7, #D57500, #A07200, #625500, #181F00)
• Aged Apricot Field color palette (#D1F3F6, #FFB1E4, #E68E4D, #734E35, #2A1E24)

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