Tangerine Market color palette — #FFF2EF · #FFD3DA · #FBB4A3 · #E7864D · #48403D

A conversation between Tangerine and Melon, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#FFD3DA): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#FBB4A3): A whisper-light, balanced orange — the color of sun-warmed clay.
• Tangerine (#E7864D): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal (#48403D): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged candy, vibrant, light, muted.

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

• Oat Lantern color palette (#FFF2EF, #E9BBA6, #B79877, #677762, #3C5548)
• Weathered Mallow Villa color palette (#FFF1F2, #F1D5E8, #FFA6E8, #E57D7F, #502D2C)
• Wandering Mustard color palette (#FFF3E9, #F2D5C6, #FFC18E, #BAAC3D, #3C3732)
• Washed Blush Harbor color palette (#FFF2EE, #EAD4FF, #FF9FAE, #A78C45, #3E3633)
• Ancient Veranda color palette (#FFF2E9, #E9A680, #1DBCF4, #B75C1D, #14495E)
• Marigold Pier color palette (#FFF0DE, #FFB192, #E19600, #898F00, #312300)
• Ancient Coral Study color palette (#F3E0DA, #D26B75, #743C13, #3A2924, #1E1615)
• Tempered Rose Garden color palette (#FBECE1, #FF3367, #C25E00, #685600, #0B0300)

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