Faded Tangerine color palette — #FFD3D1 · #FFAA96 · #F96D00 · #B86C00 · #5A3C00

A conversation between Tangerine and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFD3D1): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FFAA96): A luminous, balanced orange — the color of autumn markets.
• Tangerine (#F96D00): A luminous, vivid orange — the color of autumn markets.
• Ochre (#B86C00): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#5A3C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged warm.

Use it as a design system

One click turns Faded Tangerine 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

• Hushed Quarry color palette (#FFE2D4, #FFA557, #DB8D00, #97731B, #423901)
• Faded Study color palette (#FFF1F2, #FFAB98, #EE6A00, #815000, #463400)
• Aged Blush color palette (#F5E6EC, #FF98B2, #FF617A, #C05142, #693017)
• Pale Station color palette (#FFE4D2, #D28400, #A27500, #6F5C00, #1D1D00)
• Amber Villa color palette (#FFF3E8, #FFB178, #69BFFF, #E17600, #003E62)
• Seafoam Corridor color palette (#FFF3E6, #DCEDB5, #97E3A5, #D89278, #4C4741)
• Patina Marigold Workshop color palette (#FFE6D1, #FB9A2E, #00C5B3, #AC86DE, #472806)
• Mustard Lantern color palette (#E6DFCE, #C7AE00, #8D9400, #527F00, #034109)

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