Tangerine Harbor color palette — #F1DDD1 · #FD7241 · #A37F00 · #357317 · #3E0026
A conversation between Tangerine and Olive, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F1DDD1): A whisper-light, dusty gold — the color of honey in a jar.
- Tangerine (#FD7241): A luminous, vivid orange — the color of autumn markets.
- Mustard (#A37F00): A luminous, balanced gold — the color of honey in a jar.
- Olive (#357317): A full-bodied, balanced green — the color of fresh herbs.
- Deep Indigo (#3E0026): A deep, shadowed, balanced rose — the color of pressed rose petals.
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
- Blush Atelier color palette (#F8DAD1, #F07782, #BB6F06, #636700, #36003E)
- Washed Basin color palette (#EFDAC4, #C47E00, #6C7C00, #006045, #2A0007)
- Faded Basin color palette (#FAE4D5, #EA8E0F, #B97500, #855A00, #3A2900)
- Hushed Amber Canyon color palette (#FFF1F7, #D77405, #885700, #004049, #1E0012)
- Emerald Workshop color palette (#EAE0CE, #C39E00, #4B9A25, #007166, #410300)
- Antique Grove color palette (#FFEEE5, #F69378, #AE8F40, #7A60A4, #4E0C32)
- Faded Peony color palette (#F2DBDA, #C45C96, #686800, #004963, #2A054D)
- Worn Ember Chapel color palette (#FFE9DB, #DF5E12, #78460D, #4C2300, #090301)
Browse the whole catalog at Explore, or see today's palette.