Tangerine Harbor color palette — #FFF2E9 · #FFB0C8 · #EB7747 · #807500 · #472600

Coral Clay and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Carnation (#FFB0C8): A whisper-light, balanced rose — the color of a warm blush.
• Coral Clay (#EB7747): A luminous, balanced orange — the color of autumn markets.
• Walnut (#807500): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#472600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, 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

• Tempered Apricot color palette (#FFECF5, #FFAB9E, #F5854A, #A46900, #2E1400)
• Aged Blush Cabin color palette (#FFF2EE, #E6A0EB, #FB7C86, #A76B00, #512018)
• Worn Field color palette (#FFF3E5, #FFA5A1, #D9962C, #408C43, #393300)
• Patina Loft color palette (#FDE3D6, #D48B48, #8C6400, #594E00, #364202)
• Softworn Atelier color palette (#FFF3E8, #FFCCCA, #F0B170, #7D9B39, #3E3A34)
• Pale Workshop color palette (#FADECA, #FF637C, #C56700, #535E00, #241400)
• Worn Ember Meadow color palette (#FAE9D6, #FD5028, #8B5F00, #04500E, #0C0800)
• Tempered Driftwood color palette (#F2DFE0, #C2A083, #7F8051, #67455E, #383F65)

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