Tangerine Harbor color palette — #FCD9EE · #FF691F · #009EAE · #AF4000 · #00353B

Tangerine takes the lead with Terracotta close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#FCD9EE): A whisper-light, dusty pink — the color of neon signs at night.
• Tangerine (#FF691F): A luminous, vivid orange — the color of sun-warmed clay.
• Cerulean (#009EAE): A luminous, balanced blue — the color of open sky before noon.
• Terracotta (#AF4000): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#00353B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Energy. 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

• Quiet Cabin color palette (#FFF2EF, #FF8E78, #00AAD1, #C41F00, #00232D)
• Muted Ember color palette (#FFDBD2, #E93C00, #007D94, #8D2100, #00343F)
• Tempered Coast color palette (#F1DCF8, #FF5897, #00A295, #BF0062, #003631)
• Misty Amber Bloom color palette (#C9F0D2, #C59700, #009BC3, #836400, #003343)
• Frosted Ember Canyon color palette (#FEE4DC, #F44400, #008DB8, #4267A4, #460D00)
• Weathered Lagoon color palette (#FFF0F7, #FFA86C, #6496FE, #9F4F00, #1C3771)
• Wandering Sapphire Thicket color palette (#F3D5DE, #E49628, #4967E9, #8A5600, #172455)
• Timeworn Sky Field color palette (#FDF1F7, #F4B390, #5CC0E0, #BC7A55, #315263)

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