Tangerine Harbor color palette — #FFE4E0 · #E88533 · #8E6B00 · #464B00 · #003E2C

Tangerine and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Rose Water (#FFE4E0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#E88533): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#8E6B00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#464B00): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Forest (#003E2C): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hazy Archive color palette (#FFD9B1, #CB952D, #8C6D00, #4B4300, #202100)
• Chalky Meadow color palette (#FFE5D2, #C6A100, #657100, #125604, #004334)
• Marigold Cabin color palette (#FFDED9, #FFB375, #CF9700, #7B8000, #103D00)
• Dusty Thicket color palette (#F8DED6, #C1770A, #6F5A00, #2C3C00, #002F0E)
• Pale Coral Summit color palette (#FFDFE8, #F07873, #A44D00, #5F4200, #3C3800)
• Sunlit Boulevard color palette (#FFE7CE, #E7B050, #A48100, #665A00, #363700)
• Amber Harbor color palette (#DFFFE2, #D26B32, #696200, #333791, #4D2D00)
• Muted Study color palette (#E2FEE1, #FFC6C1, #DC9F00, #3F8F08, #413500)

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