Tempered Tangerine color palette — #FFD2D3 · #FFA89B · #FF6732 · #C96300 · #573200

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

The five colors

• Shell Pink (#FFD2D3): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FFA89B): A luminous, balanced orange — the color of autumn markets.
• Tangerine (#FF6732): A luminous, vivid orange — the color of sun-warmed clay.
• Pumpkin (#C96300): A luminous, balanced gold — the color of old brass.
• Cocoa (#573200): 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 Tempered 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

• Washed Tangerine Market color palette (#FFE3DD, #FFA074, #EB7E00, #A36D00, #513C00)
• Ember Ridge color palette (#FFD0E1, #FF8792, #DF5900, #925000, #554000)
• Misty Scarlet Villa color palette (#FFE9F0, #FF9EB1, #FF5B64, #DD4000, #702C00)
• Worn Hollow color palette (#FFE6F4, #F6BA87, #E78758, #C55A4F, #493004)
• Coral Drift color palette (#F9E1E1, #FF625D, #B14300, #753800, #3B2000)
• Ember Balcony color palette (#FFF0F8, #FFAF86, #6FCEFF, #DE6300, #00405A)
• Airy Loft color palette (#FFF0F7, #E4E5CC, #E3DF78, #FF8973, #603901)
• Faded Corridor color palette (#FFE0D1, #D27A00, #A56B00, #725900, #282200)

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