Tangerine Harbor color palette — #FEE2EA · #FF9EA2 · #FF7045 · #B96000 · #583900

Built around Tangerine, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Rose Water (#FEE2EA): A whisper-light, dusty rose — the color of pressed rose petals.
• Rose Quartz (#FF9EA2): A luminous, balanced red — the color of a theater curtain.
• Tangerine (#FF7045): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#B96000): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#583900): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Ancient Lantern color palette (#FFE8E8, #F29A80, #E48234, #A37100, #413700)
• Powdered Coral color palette (#FFE3F6, #FFA2C0, #FF5D66, #D43C00, #693000)
• Soft Station color palette (#FAE4E2, #FF9483, #F14D00, #9C3F00, #652E00)
• Soft Crimson color palette (#FFE6F5, #EABE96, #EB835A, #CC4F5F, #453201)
• Apricot Drift color palette (#FFF2EA, #FFCA9A, #FD8925, #B05900, #391D00)
• Gentle Ember Thicket color palette (#FFF0F9, #FFAF8B, #41D4FF, #E35E00, #004252)
• Hazy Amber color palette (#FFEBE6, #E47931, #A96500, #745700, #232000)
• Marigold Coast color palette (#FFE8F5, #F4BE8B, #D2A03F, #998200, #46511E)

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