Hazy Tangerine Harbor color palette — #FFF2EA · #E68655 · #C88427 · #008A8F · #361612

A conversation between Coral Clay and Mustard, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Coral Clay (#E68655): A luminous, balanced orange — the color of toasted spice.
• Mustard (#C88427): A luminous, balanced gold — the color of afternoon light on wheat.
• Cerulean (#008A8F): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#361612): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged jewel, vibrant, warm.

Use it as a design system

One click turns Hazy 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 Ember Field color palette (#FFF2F0, #E28CA8, #D06B4E, #008277, #321012)
• Antique Archive color palette (#F7EED6, #EA9ECC, #CE8342, #267AB7, #4A2228)
• Washed Ridge color palette (#FDF4E8, #DD9E37, #A59700, #0078A8, #311401)
• Tempered Amber color palette (#FFEBE0, #E27A53, #7D5B12, #602C00, #150A08)
• Softworn Iris Bloom color palette (#FAF4EB, #CDBA81, #90AB6B, #7587CF, #3A352F)
• Airy Pine color palette (#FCF1FF, #CB6A82, #1A7C1F, #005B6E, #181A33)
• Feathered Lagoon color palette (#FFD0FA, #F9A8B9, #E87F6B, #9C6D00, #323300)
• Misty Ember Lantern color palette (#F7DDD1, #E74E3E, #7C6C00, #005982, #1B0000)

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