Tangerine Harbor color palette — #FFF1F0 · #FFB9A6 · #ED6A00 · #8F4E00 · #442B00

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Melon (#FFB9A6): A whisper-light, balanced orange — the color of autumn markets.
• Tangerine (#ED6A00): A luminous, vivid orange — the color of toasted spice.
• Burnt Sienna (#8F4E00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#442B00): 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

• Patina Amber color palette (#FFF2ED, #FFBA86, #C57E00, #725300, #322A00)
• Muted Tangerine Garden color palette (#FFD3D8, #FFA395, #FD7015, #A96900, #563E00)
• Antique Amber Basin color palette (#F6E7DC, #D48600, #836000, #3B3000, #0A0900)
• Washed Blush Lagoon color palette (#FFF1F7, #FFBBCD, #FF5870, #A13322, #5F280F)
• Soft Coral Harbor color palette (#FAE1E4, #F3736B, #B05200, #6B3E00, #332500)
• Sky Loft color palette (#FFF1F7, #FFB481, #2CBEFD, #BC6000, #003349)
• Muted Celadon color palette (#FFF2E9, #E8F783, #DDE1CA, #C7846F, #253E25)
• Wandering Mustard color palette (#FFF0CF, #D8BE00, #8B8E00, #385600, #093000)

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