Tangerine Drift color palette — #FFF3E9 · #F37D0F · #616500 · #783A00 · #020100

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Tangerine (#F37D0F): A luminous, vivid gold — the color of old brass.
• Olive (#616500): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#783A00): A full-bodied, balanced gold — the color of honey in a jar.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Pine Studio color palette (#FDF4E6, #CA9A00, #1B7309, #624900, #010100)
• Soft Archive color palette (#FFF2ED, #FF6B6D, #715E00, #94001E, #020100)
• Ancient Garden color palette (#F8EADB, #C59900, #6B6600, #233400, #000901)
• Linen Amber color palette (#FFECC5, #B18000, #4B5D00, #002B54, #050400)
• Emerald Lagoon color palette (#FFF4E1, #F1BA0C, #009831, #856600, #000200)
• Aged Chestnut color palette (#FCF4E9, #D8DCC9, #C2BB9D, #815500, #130B02)
• Rust Lantern color palette (#F0E1EA, #BF5322, #00531C, #5E1E00, #000200)
• Feathered Rust Meadow color palette (#FAE8DD, #F18966, #009B65, #C94300, #000502)

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