Tangerine Drift color palette — #F7D7D9 · #FFA280 · #EE7F04 · #9F7300 · #3C4300

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

The five colors

• Shell Pink (#F7D7D9): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#FFA280): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#EE7F04): A luminous, vivid gold — the color of old brass.
• Ochre (#9F7300): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3C4300): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

• Washed Study color palette (#FFD9D1, #FD8635, #C07000, #855600, #584000)
• Sunlit Amber color palette (#FFEAE4, #FCA25F, #C39600, #7C7600, #2E4313)
• Linen Grove color palette (#FFD1EB, #FFA2BD, #FF6458, #C66500, #533600)
• Tangerine Drift color palette (#F6DEDD, #EF6F35, #985600, #5D4100, #2B2600)
• Wandering Apricot Basin color palette (#FFE7F0, #E1C673, #E08E39, #B4675C, #093F32)
• Pale Marigold color palette (#FFF4DE, #FFC565, #CEA000, #9B6E00, #322300)
• Wandering Mustard color palette (#FFE5D2, #E6C173, #BFAC00, #6C8D45, #1D5352)
• Marigold Harbor color palette (#F8E7FB, #92CCFF, #FFA831, #6E4F2B, #311C23)

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