Tangerine Drift color palette — #FBF2F7 · #FFC7AA · #52BFD2 · #E48650 · #102731

A conversation between Coral Clay and Cyan, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Wheat (#FFC7AA): A whisper-light, dusty orange — the color of sun-warmed clay.
• Cyan (#52BFD2): A luminous, balanced blue — the color of open sky before noon.
• Coral Clay (#E48650): A luminous, balanced orange — the color of sun-warmed clay.
• Midnight (#102731): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, Balance. Tagged duotone, muted.

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

• Weathered Coast color palette (#F0F7F2, #EFDCAF, #6DC8CC, #C6A759, #1F3137)
• Muted Mint Summit color palette (#FCF2F9, #FFC6B6, #78C282, #DB8973, #0A2A27)
• Muted Honey color palette (#E8F7E7, #FEB13F, #00ADC8, #C17E00, #00151A)
• Hushed Moss Garden color palette (#E7FBF1, #D6D568, #00B9E1, #A3A000, #00202F)
• Antique Teal color palette (#FFF0F8, #E6C184, #73B68C, #8F75A4, #214537)
• Pale Driftwood Chapel color palette (#EBFAED, #E1B767, #78A1E0, #9A66A5, #492A4F)
• Wandering Taupe Harbor color palette (#F0F7F2, #D1DEDF, #ACB5C4, #BDAA7D, #414A44)
• Antique Bronze color palette (#FCF4EA, #E6BC82, #6D9F5A, #A97418, #252516)

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