Tangerine Harbor color palette — #F9E3E9 · #FE9291 · #FB6903 · #A46E00 · #403600

Tangerine and Melon set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#F9E3E9): A whisper-light, dusty rose — the color of a warm blush.
• Melon (#FE9291): A luminous, balanced orange — the color of autumn markets.
• Tangerine (#FB6903): A luminous, vivid orange — the color of autumn markets.
• Ochre (#A46E00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#403600): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Powdered Pier color palette (#FDD6D3, #F98E77, #D85E00, #884C00, #533609)
• Aged Grove color palette (#F4EAF6, #F995BE, #F65B7E, #B1572C, #542F07)
• Dusty Villa color palette (#FFE7E2, #FB9F5F, #C98E00, #878100, #2D3C0B)
• Soft Apricot Basin color palette (#FFF1EB, #FFB296, #E48D23, #988524, #4E4D46)
• Feathered Ember Courtyard color palette (#FBD7DB, #F66137, #B55B00, #7A5500, #212000)
• Bronze Lagoon color palette (#FAD7DA, #D2736D, #A54A00, #5D3700, #271B00)
• Marigold Pier color palette (#FFF0E2, #FFC286, #DD9100, #9F6500, #321A00)
• Amber Market color palette (#FAE3D3, #DBBC8E, #D08B64, #A5656A, #32302A)

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