Wandering Tangerine color palette — #FFF0F9 · #F96D2E · #583E47 · #251B21 · #080408

Tangerine takes the lead with Cocoa close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Tangerine (#F96D2E): A luminous, vivid orange — the color of toasted spice.
• Cocoa (#583E47): A deep, shadowed, dusty rose — the color of strawberry cream.
• Onyx (#251B21): quiet, heavy and certain.
• Ink (#080408): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Wandering Tangerine 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

• Worn Apricot Chapel color palette (#F1DEEA, #EB8E6C, #617662, #56434F, #1C161D)
• Washed Amber Bloom color palette (#E9FBE9, #D38D00, #324D3E, #172117, #090406)
• Blush Cabin color palette (#FAF2FF, #EA6CA5, #553D54, #221B26, #06040A)
• Rust Delta color palette (#FBEAE0, #B05938, #35302A, #241003, #0C0403)
• Ancient Grove color palette (#DCFEF2, #819500, #203D20, #00140E, #000201)
• Patina Mustard color palette (#E5FDE9, #E6B238, #00C0CE, #AB81AE, #1C3120)
• Feathered Bloom color palette (#ECF9ED, #FFCA78, #8BBFFA, #AF8032, #213A55)
• Washed Cocoa color palette (#F5E5EC, #635600, #793900, #251C0D, #0A0400)

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