Tangerine Harbor color palette — #FBDFE0 · #FF6738 · #B45C00 · #704900 · #4B3B00

Tangerine takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#FBDFE0): A whisper-light, dusty red — the color of a theater curtain.
• Tangerine (#FF6738): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#B45C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#704900): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#4B3B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Energy, 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

• Weathered Pier color palette (#F7E7E3, #E67500, #936500, #5B4C00, #1F4117)
• Misty Rust color palette (#FFD1DE, #FF6574, #CD3300, #783D00, #423D00)
• Misty Amber Quarry color palette (#FFE7F1, #C3943E, #995616, #753226, #3D3604)
• Bronze Bloom color palette (#F9E9E2, #A66C00, #644F00, #312E00, #002110)
• Cobalt Workshop color palette (#FFF1F7, #EB8524, #0071C9, #8A4800, #003B6E)
• Faded Amber Coast color palette (#FED8E0, #60DFFF, #DE7800, #4E2B2A, #2F1B24)
• Feathered Denim color palette (#FFE6D0, #C07417, #007BB1, #1E52AB, #472805)
• Quiet Marigold Meadow color palette (#FFE2C7, #CB9900, #907C00, #555C1D, #205049)

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