Tangerine Harbor color palette — #F0DBD8 · #FF7B3D · #A56400 · #6E5100 · #3C3300

A conversation between Tangerine and Ochre, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F0DBD8): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#FF7B3D): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#A56400): A full-bodied, balanced gold — the color of old brass.
• Coffee (#6E5100): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3C3300): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Powdered Corridor color palette (#FCDCCB, #DC7600, #965700, #5F3B00, #323000)
• Pale Marigold color palette (#FBE4D3, #DE9600, #937900, #575D00, #1C3700)
• Powdered Terracotta color palette (#F7D3DE, #C4A033, #A76700, #8C3100, #2A2B00)
• Tempered Veranda color palette (#FFEDBC, #E8A800, #A07600, #584100, #251B00)
• Aged Blush color palette (#FAE1EA, #FF5678, #D73700, #813C00, #4E2D00)
• Chalky Marigold Lantern color palette (#D2EDD4, #E1A229, #0086BA, #8B6000, #003249)
• Apricot Lagoon color palette (#FFF0F9, #F5B88D, #D29647, #897B38, #36564A)
• Patina Hollow color palette (#FFECF3, #E2E07D, #00D778, #BF5539, #483A00)

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