Tangerine Villa color palette — #F2DDD8 · #FF9979 · #F86C01 · #B25F1E · #553516

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

The five colors

• Shell Pink (#F2DDD8): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#FF9979): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#F86C01): A luminous, vivid orange — the color of toasted spice.
• Ochre (#B25F1E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#553516): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged warm.

Use it as a design system

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

• Airy Rust color palette (#F3E2E3, #F1877D, #CB5800, #855100, #463200)
• Tempered Amber Basin color palette (#F6E1EB, #EBB587, #D78852, #9F6B56, #243622)
• Dusty Grove color palette (#FBE9F1, #F8AA75, #04D272, #D7721B, #163F25)
• Soft Blush color palette (#FADAE3, #FF96AE, #F85F78, #BA5454, #5D312C)
• Weathered Parlor color palette (#FBEAD5, #D8A200, #B39000, #7E6C00, #393500)
• Sunlit Amber color palette (#FFE6CF, #BA7C00, #896000, #5A4300, #191300)
• Hushed Garden color palette (#D7EBD4, #E89C2E, #6DBC43, #DC6C8B, #1E311C)
• Softworn Market color palette (#FFF1F5, #E5EBBC, #E7D67E, #D39E75, #2F4231)

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