Tangerine Drift color palette — #FFF1F5 · #FFBEB9 · #FE672C · #995100 · #4A3300

Built around Tangerine, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Rose Quartz (#FFBEB9): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#FE672C): A luminous, vivid orange — the color of toasted spice.
• Ochre (#995100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#4A3300): A deep, shadowed, dusty gold — the color of honey in a jar.

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

Use it as a design system

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

• Soft Amber Atelier color palette (#FFE8E1, #D87300, #905C00, #463600, #131300)
• Patina Basin color palette (#FFF2F0, #FFB79B, #C87425, #7E5900, #302C00)
• Tangerine Alley color palette (#FFE7E3, #FFA994, #FF7742, #CB5B00, #653200)
• Coral Thicket color palette (#FCDDD9, #FC6143, #BB4400, #6F2C00, #3A1900)
• Patina Hollow color palette (#FFF0FE, #FFB8D8, #FB5779, #B22D25, #582000)
• Washed Bronze Veranda color palette (#FFF3E9, #FFB485, #0AC4E4, #BF5D00, #00353F)
• Weathered Loft color palette (#FFE5D5, #A97700, #5D4A00, #242800, #020600)
• Dusty Blush Thicket color palette (#FFF2EA, #E7FFC7, #DDE3CA, #DB798B, #3B3630)

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