Tangerine Harbor color palette — #F1DAE5 · #F67A17 · #008FC3 · #0062B2 · #12164F

Built around Tangerine, softened by Cobalt — the whole palette hums with trust and stability.

The five colors

• Shell Pink (#F1DAE5): A whisper-light, dusty rose — the color of a warm blush.
• Tangerine (#F67A17): A luminous, vivid gold — the color of afternoon light on wheat.
• Cerulean (#008FC3): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#0062B2): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#12164F): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged cool.

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

• Washed Apricot Orchard color palette (#FFEBF6, #FF8F58, #00A7B2, #6669A6, #252454)
• Quiet Cobalt color palette (#D0E9D1, #E19E1F, #257AD2, #6351A5, #211345)
• Powdered Ember Boulevard color palette (#F4D9E7, #E16600, #00828D, #603792, #1A0034)
• Softworn Blush color palette (#EBDBF0, #FF6298, #009988, #006999, #002236)
• Chalky Summit color palette (#D0F3D2, #E9A420, #008ABC, #A23585, #430035)
• Aubergine Lagoon color palette (#EED8DF, #B56D00, #006D94, #700370, #130013)
• Stone Field color palette (#F5E0DC, #D4B07A, #80A987, #6B6D95, #2B3656)
• Marigold Dune color palette (#FFF1F5, #F4AE55, #62A6E2, #8571A6, #3D3053)

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