Tangerine Market color palette — #FFDFD9 · #FA771F · #8E5A00 · #362800 · #050400

A conversation between Tangerine and Ochre, giving this palette its sense of optimism and balance.

The five colors

• Shell Pink (#FFDFD9): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#FA771F): A luminous, vivid orange — the color of sun-warmed clay.
• Ochre (#8E5A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#362800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#050400): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Balance. Tagged warm.

Use it as a design system

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

• Marigold Summit color palette (#F0DDCC, #D09400, #6E6400, #2E3500, #010300)
• Coral Corridor color palette (#FFDFE9, #FF5E6F, #AA2700, #482200, #080300)
• Tangerine Basin color palette (#FCDDE2, #E87D56, #B26C00, #685600, #161B00)
• Pale Orchard color palette (#D4FADB, #E05A00, #6C4F00, #00313A, #090200)
• Worn Basin color palette (#F7E4E6, #B55735, #6D3C00, #2B2000, #060700)
• Powdered Study color palette (#FFF1F7, #FFB7B0, #F99107, #837B00, #090400)
• Wandering Boulevard color palette (#FFEDF6, #BD5A00, #005F17, #00283E, #050004)
• Tempered Pier color palette (#FFF3E8, #F1B305, #928300, #485200, #072100)

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