Tangerine Drift color palette — #FFDFB6 · #F6640E · #9D5D00 · #265C00 · #441C00

A conversation between Tangerine and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Peach Cream (#FFDFB6): A whisper-light, dusty gold — the color of honey in a jar.
• Tangerine (#F6640E): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#9D5D00): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#265C00): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#441C00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Energy. Tagged retro, 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

• Hazy Field color palette (#FFE2CA, #D46C00, #766A00, #005723, #480023)
• Aged Amber color palette (#F8E2B2, #CB8900, #816E00, #005B44, #362600)
• Powdered Rose color palette (#FFDEC0, #FF4F6A, #BF3B00, #515100, #4A1313)
• Scarlet Lantern color palette (#F9E2B3, #D83E29, #724800, #004144, #471900)
• Hushed Bronze Balcony color palette (#F4DBCD, #B75A00, #512F00, #2E1200, #100400)
• Tempered Coral color palette (#C9F0D1, #FF8A76, #C27D00, #007B81, #471900)
• Olive Study color palette (#E3DFC9, #8B8400, #456300, #004143, #161800)
• Weathered Market color palette (#FFF3E4, #F1AC7F, #AA8D64, #6B762F, #683C00)

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