Tempered Tangerine color palette — #FFF2EB · #FB6126 · #467C00 · #00465C · #220029

Tangerine takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Tangerine (#FB6126): A luminous, vivid orange — the color of autumn markets.
• Olive (#467C00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#00465C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#220029): A deep, shadowed, balanced pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged vibrant.

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

• Patina Amber Hollow color palette (#FFF3E5, #D28700, #00804C, #00436A, #240024)
• Blush Balcony color palette (#FFF2EF, #F85885, #7F6900, #004A41, #050047)
• Hazy Rust color palette (#FFDCF3, #BC3D00, #365700, #003948, #39004F)
• Feathered Nightshade color palette (#FFF4E1, #BF9300, #007D6B, #1D00BC, #290011)
• Hazy Aubergine Field color palette (#F9F2DF, #857D00, #00595C, #2D0061, #060000)
• Airy Bloom color palette (#F0D6FA, #CE006A, #005B38, #002270, #00092F)
• Timeworn Grove color palette (#FFDFDE, #FF81C8, #009856, #4F48E5, #1A0C66)
• Worn Villa color palette (#FFE4D3, #F89B23, #A27100, #5E4C00, #292800)

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