Tempered Tangerine color palette — #FFF2EA · #F57A2A · #775B00 · #7D3500 · #020100

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

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Tangerine (#F57A2A): A luminous, vivid orange — the color of toasted spice.
• Olive (#775B00): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#7D3500): A full-bodied, balanced orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Balance. Tagged duotone.

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

• Pale Garnet Boulevard color palette (#FFF2ED, #E77F7F, #885100, #940021, #020100)
• Marigold Harbor color palette (#FEF4E4, #CD980D, #4E6B00, #644800, #010100)
• Amber Harbor color palette (#FFEDBD, #B47E00, #605500, #003428, #060300)
• Wandering Garden color palette (#FFF3E2, #F6B722, #6B8C00, #896300, #010200)
• Antique Chestnut Canyon color palette (#FDF3EA, #DDDBC6, #C7B9A3, #8C4E00, #150A02)
• Quiet Rust color palette (#F6EBF4, #C6493F, #494600, #6B0206, #000201)
• Dusty Bronze color palette (#FFF4DF, #866B00, #00553C, #002A2F, #030100)
• Airy Olive color palette (#F7F6E4, #A6C975, #008B69, #4F7000, #010100)

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