Tangerine Harbor color palette — #F6E5E4 · #EF8246 · #906200 · #4B4600 · #122300

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

The five colors

• Rose Water (#F6E5E4): bright and airy, almost weightless.
• Tangerine (#EF8246): A luminous, balanced orange — the color of sun-warmed clay.
• Ochre (#906200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4B4600): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#122300): 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

• Apricot Garden color palette (#FFDEC7, #E48E00, #966700, #5B4500, #3B3300)
• Marigold Pier color palette (#F1DACB, #DA9D08, #756E00, #1D4B00, #002519)
• Powdered Rust Summit color palette (#FBEBF1, #F87981, #B24000, #5D3C00, #241E00)
• Feathered Station color palette (#FFE1E0, #FF9257, #B77D00, #676100, #204000)
• Timeworn Station color palette (#FFF3E8, #FFC378, #C28C00, #6C5500, #2A2600)
• Ancient Meadow color palette (#FFF0D8, #E86031, #726000, #1F3388, #2D1500)
• Tempered Amber color palette (#F6DDD8, #C46B00, #715800, #2D3400, #001102)
• Washed Rust Study color palette (#F9F0EA, #DAD8C4, #C9BEA4, #AC4815, #302118)

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