Tangerine Drift color palette — #FFF2EA · #FB7E2B · #3D8A34 · #005071 · #2B0C2C

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Tangerine (#FB7E2B): A luminous, vivid orange — the color of autumn markets.
• Olive Leaf (#3D8A34): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005071): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#2B0C2C): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. 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

• Patina Villa color palette (#FFF2EC, #FF7660, #737E14, #005559, #1A1140)
• Marigold Balcony color palette (#FFF3E3, #D59A00, #008A75, #394480, #370413)
• Chalky Moss color palette (#FFEDE8, #F78E99, #6AA553, #446EBA, #371D4C)
• Hushed Taupe Drift color palette (#FFF2EA, #E9D2A6, #969E6A, #537A6A, #452B40)
• Driftwood Field color palette (#F2EAF7, #AC6080, #545B00, #003853, #2B0016)
• Weathered Forest color palette (#E6F7EB, #8D7500, #10660E, #004442, #002F48)
• Patina Amber Canyon color palette (#FFF3E7, #C57300, #38342E, #180D03, #030100)
• Hushed Bronze Station color palette (#FFEFE1, #B36300, #055E12, #002938, #040007)

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