Tempered Tangerine color palette — #FFF2E9 · #FFA4AF · #FF7938 · #AE8800 · #3A1E00
A conversation between Tangerine and Mustard, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF2E9): a clean, paper-quiet neutral.
- Ballet Pink (#FFA4AF): A luminous, balanced red — the color of a theater curtain.
- Tangerine (#FF7938): A luminous, vivid orange — the color of autumn markets.
- Mustard (#AE8800): A luminous, balanced gold — the color of old brass.
- Espresso (#3A1E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, 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
- Ancient Apricot Dune color palette (#FFF3E8, #FFBAB7, #FFA566, #B39E48, #322D28)
- Sunlit Boulevard color palette (#FFECE0, #FF8AB0, #EC641C, #717300, #341800)
- Coral Station color palette (#FBD8B4, #FF8366, #D07F00, #797E00, #211700)
- Soft Moss color palette (#FFEED7, #FFB693, #DEA000, #829C00, #282100)
- Amber Quarry color palette (#F4D9C8, #DB8C00, #9C6E00, #5B4A00, #353400)
- Apricot Workshop color palette (#F4D9CF, #D2A46C, #898545, #1B6073, #432A45)
- Hushed Lantern color palette (#EDDCBD, #CCA428, #5369DB, #7B5F00, #1A2356)
- Tempered Bronze color palette (#F0E3D9, #AD5600, #36322C, #241102, #090301)
Browse the whole catalog at Explore, or see today's palette.