Tempered Tangerine color palette — #FFEADF · #EF7F49 · #A9422A · #591500 · #1B0200

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

The five colors

• Cream (#FFEADF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#EF7F49): A luminous, balanced orange — the color of toasted spice.
• Brick (#A9422A): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#591500): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#1B0200): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged monochrome, 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 Blush Parlor color palette (#FFEDED, #F28190, #A13C57, #610E26, #200005)
• Dusty Cabin color palette (#FFEEE8, #D88B6D, #9E4A2C, #5F2000, #401300)
• Softworn Marigold color palette (#FFEACF, #D99E37, #8E5A00, #4E2E00, #150900)
• Ember Quarry color palette (#FFF2EE, #FFCEBD, #D26A46, #753015, #1D0400)
• Ember Ridge color palette (#FFF0EB, #F3A689, #C96948, #862E09, #3B1300)
• Amber Bloom color palette (#FCEFE4, #D58D4C, #007564, #7D4500, #030801)
• Washed Moss Meadow color palette (#E9DFCD, #90A251, #7A6100, #5A3313, #171A04)
• Rose Grove color palette (#E1E0F0, #53ADFF, #FF515D, #2C1209, #0E0603)

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