Tangerine Harbor color palette — #FFF2EF · #FF86AB · #F4833F · #009F83 · #441C29

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bubblegum (#FF86AB): A luminous, balanced red — the color of a theater curtain.
• Tangerine (#F4833F): A luminous, balanced orange — the color of autumn markets.
• Fern (#009F83): A luminous, balanced teal — the color of shallow lagoons.
• Espresso (#441C29): A deep, shadowed, dusty red — the color of embers at dusk.

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

• Sunlit Delta color palette (#FFF2F0, #FF85B2, #DE7D00, #00829A, #3B1122)
• Tangerine Studio color palette (#FFF1F4, #DE95FF, #FD7950, #009D5B, #372042)
• Dusty Lime Workshop color palette (#FFF2EF, #FF86AD, #8DB81F, #0097BC, #481929)
• Sunlit Courtyard color palette (#FFF1F1, #FB82D0, #E87075, #978B00, #441936)
• Dusty Studio color palette (#FFDDC7, #FF7E3C, #00B544, #0075D3, #381100)
• Tempered Coral Terrace color palette (#FEF6D3, #E3A4FB, #FD654A, #0085B5, #551E40)
• Feathered Studio color palette (#F3D8C7, #F0732F, #AE7B00, #00895E, #310F00)
• Muted Teal color palette (#FEF3E7, #E6B989, #7DC5C7, #4EAAAC, #413C36)

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