Tangerine Quarry color palette — #FFD2CA · #FFA48B · #FE7220 · #C35A00 · #5A2E00

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

The five colors

• Shell Pink (#FFD2CA): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#FFA48B): A luminous, balanced orange — the color of autumn markets.
• Tangerine (#FE7220): A luminous, vivid orange — the color of sun-warmed clay.
• Terracotta (#C35A00): A full-bodied, balanced orange — the color of autumn markets.
• Cocoa (#5A2E00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

Use it as a design system

One click turns Tangerine Quarry 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 Apricot color palette (#FFEADB, #FDB67F, #E9874A, #B06B52, #4A2F0F)
• Powdered Ridge color palette (#FFD0DA, #FF897A, #DD5100, #985300, #553A00)
• Hushed Coral color palette (#F3DFE7, #F56F7A, #BA4F00, #5B3800, #2F2400)
• Powdered Archive color palette (#FFE8EE, #FFA3B7, #FF6E84, #D8404E, #692A24)
• Tangerine Terrace color palette (#FFF2EA, #FFAF8A, #D499FF, #F26600, #492B5D)
• Gentle Cabin color palette (#FFF3E6, #DFE3B9, #F3D92E, #EC9050, #593F1A)
• Amber Balcony color palette (#F4D9C2, #CC8200, #A37200, #6E5100, #231A00)
• Quiet Grove color palette (#FFE1BE, #F1C376, #D7A600, #968026, #4B4841)

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