Tempered Tangerine color palette — #FFE1DC · #FFA691 · #FF682D · #C55400 · #663000
A conversation between Tangerine and Terracotta, giving this palette its sense of optimism and warmth.
The five colors
- Rose Water (#FFE1DC): A whisper-light, dusty orange — the color of toasted spice.
- Melon (#FFA691): A luminous, balanced orange — the color of autumn markets.
- Tangerine (#FF682D): A luminous, vivid orange — the color of sun-warmed clay.
- Terracotta (#C55400): A full-bodied, vivid orange — the color of autumn markets.
- Bronze (#663000): A deep, shadowed, balanced gold — the color of old brass.
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
- Hushed Hollow color palette (#FFD3C0, #FFA569, #E98300, #A96800, #563600)
- Timeworn Ember Quarry color palette (#FFF1F5, #FFB0AA, #F85A1B, #8E4B00, #4F3500)
- Ember Lantern color palette (#FFDED9, #F2653E, #BC4700, #6B2C00, #391A00)
- Blush Grove color palette (#FAE4EC, #FFA3BC, #FE5B86, #CA475A, #732322)
- Apricot Dune color palette (#FFF3E8, #FFC794, #EF8F08, #AE6700, #371C00)
- Antique Meadow color palette (#FFF0F8, #FFAF84, #6AD17B, #EC6D00, #004816)
- Misty Amber color palette (#F6DDCB, #D98200, #AA7000, #714F00, #2D2000)
- Celadon Lagoon color palette (#FFF1F6, #E4E3C6, #C8E095, #E09973, #5A3809)
Browse the whole catalog at Explore, or see today's palette.