Tangerine Drift color palette — #F9E7E1 · #FF742B · #BC5B00 · #854500 · #4E2C00

Tangerine and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Rose Water (#F9E7E1): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#FF742B): A luminous, vivid orange — the color of autumn markets.
• Ochre (#BC5B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#854500): A full-bodied, balanced gold — the color of old brass.
• Espresso (#4E2C00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Timeworn Marigold color palette (#FFD5B4, #E48E00, #AF6000, #7F3E12, #392400)
• Softworn Ember color palette (#F8E6E3, #E05100, #9A4C00, #5D3500, #2D2E00)
• Scarlet Ridge color palette (#FFE8E8, #FF6D6A, #E72200, #8E2A00, #582000)
• Gentle Ember color palette (#FFE6EE, #FF9081, #D65D00, #6A4200, #231F00)
• Airy Marigold color palette (#FFECD8, #EFA200, #B48500, #7E6500, #4D4200)
• Frosted Mustard color palette (#FFF3E4, #FFDA8B, #D2C121, #C06800, #452F00)
• Wandering Magenta color palette (#FCDEC5, #E97F00, #C849E4, #9C5300, #490756)
• Aged Apricot Balcony color palette (#FFF0E5, #F8B283, #D19660, #8F6F4B, #55504A)

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