Tangerine Drift color palette — #FFD6D2 · #F47E46 · #8D5000 · #412E00 · #030200

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

The five colors

• Shell Pink (#FFD6D2): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#F47E46): A luminous, vivid orange — the color of toasted spice.
• Ochre (#8D5000): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#412E00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#030200): quiet, heavy and certain.

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

• Antique Summit color palette (#FFD7B9, #CB8900, #715D00, #323600, #010300)
• Hazy Chapel color palette (#FAE1E9, #F26A84, #B02E20, #481E00, #070300)
• Ember Study color palette (#FFECC5, #DB5E2F, #6F4E00, #003239, #090200)
• Bronze Loft color palette (#F7D8E6, #E57676, #BC6000, #675700, #111D00)
• Pale Scarlet Boulevard color palette (#F0D6E2, #C6303E, #6F3800, #2A2400, #020600)
• Softworn Rust color palette (#FFECF6, #C35400, #135E06, #00283C, #050004)
• Nocturne Bronze color palette (#E7DED0, #837700, #3A4500, #061500, #000201)
• Chalky Study color palette (#FFF3E8, #FBB32C, #9C8500, #4C5200, #061A00)

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