Tangerine Drift color palette — #F1DCD0 · #FF87B0 · #FC6812 · #7B7A00 · #210E00

Built around Tangerine, softened by Bubblegum — the whole palette hums with nature and growth.

The five colors

• Parchment (#F1DCD0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bubblegum (#FF87B0): A luminous, balanced rose — the color of a warm blush.
• Tangerine (#FC6812): A luminous, vivid orange — the color of sun-warmed clay.
• Olive Leaf (#7B7A00): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#210E00): A deep, shadowed, dusty gold — the color of old brass.

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

• Aged Pier color palette (#FFDFD2, #FB85E6, #FD4924, #936F00, #2B0C00)
• Chalky Blush color palette (#F9DFC6, #FF717F, #C67C00, #557100, #100B00)
• Quiet Lagoon color palette (#FFF0F8, #FFB6CE, #FC8431, #868400, #0C0500)
• Apricot Parlor color palette (#F6DAC7, #FFA899, #FF8A45, #C68200, #291100)
• Gentle Parlor color palette (#F6E4C4, #FF9662, #AE9200, #008750, #151500)
• Ember Grove color palette (#E7DDC8, #DB693A, #8C8000, #006A40, #020300)
• Sunlit Ember color palette (#FBD5E8, #FE5733, #BA5900, #6F4A00, #250E00)
• Softworn Olive color palette (#F9D7CD, #C18B67, #776D1F, #3B4276, #2B2246)

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