Tangerine Drift color palette — #FFF3E9 · #EE8029 · #756400 · #854000 · #271B00

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Tangerine (#EE8029): A luminous, vivid gold — the color of afternoon light on wheat.
• Olive (#756400): A full-bodied, balanced green — the color of fresh herbs.
• Bronze (#854000): A full-bodied, balanced gold — the color of honey in a jar.
• Onyx (#271B00): A deep, shadowed, dusty gold — the color of old brass.

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

• Hushed Olive Orchard color palette (#FBF4E9, #C69B2A, #4C7200, #6D5100, #201E00)
• Softworn Mulberry color palette (#FFF2ED, #F37579, #955000, #A30027, #2D1701)
• Amber Coast color palette (#F7E9DB, #BB7626, #545200, #5F3600, #120D00)
• Tempered Marigold color palette (#FFE3BE, #CF9A00, #856E00, #4F4900, #323700)
• Amber Studio color palette (#FFF4DF, #B28300, #696200, #005244, #423401)
• Gentle Lagoon color palette (#FDEEE8, #EC8779, #268000, #AC0807, #090A00)
• Hushed Marigold Lantern color palette (#FFF3E2, #FFB261, #D3A200, #8F8800, #473700)
• Timeworn Boulevard color palette (#FAF4EE, #DBDBCC, #C5BAA9, #915D21, #5C3600)

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