Tangerine Drift color palette — #FFF0F8 · #FFAF84 · #64D36D · #EC6D00 · #00480F

Tangerine and Lime set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Cantaloupe (#FFAF84): A whisper-light, balanced orange — the color of sun-warmed clay.
• Lime (#64D36D): A luminous, vivid green — the color of fresh herbs.
• Tangerine (#EC6D00): A luminous, vivid orange — the color of autumn markets.
• Forest (#00480F): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, 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

• Coral Lantern color palette (#FFEFFF, #FFAAAF, #B6C200, #EF6072, #3A3F00)
• Jade Garden color palette (#F8D2E2, #EE9850, #11BF71, #C06800, #003219)
• Honey Alley color palette (#E6FCE9, #F7B927, #00D4B7, #C18D00, #00453A)
• Linen Peony color palette (#FFE1F1, #FF945C, #ACB500, #E861BF, #4F2105)
• Dusty Corridor color palette (#FFF2EA, #FFB38C, #09C4E6, #C55600, #00353F)
• Sunflower Archive color palette (#FFF1F7, #E6E2C2, #F9D268, #E69876, #5A3B14)
• Weathered Mint color palette (#FFE5E2, #00EA96, #E2B900, #5F532A, #162A1D)
• Emerald Workshop color palette (#FFEEE2, #ED6E00, #009E30, #904100, #002906)

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