Airy Tangerine color palette — #FFF1F6 · #FFA3A5 · #FE6728 · #7D8100 · #542522

A conversation between Tangerine and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Rose Quartz (#FFA3A5): A luminous, balanced red — the color of embers at dusk.
• Tangerine (#FE6728): A luminous, vivid orange — the color of autumn markets.
• Olive Leaf (#7D8100): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#542522): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Energy. Tagged retro, warm.

Use it as a design system

One click turns Airy 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

• Aged Amber color palette (#E0FFDF, #FFA68C, #E58000, #578C00, #532812)
• Muted Blush color palette (#FFF0F7, #FF9CCD, #F96280, #9C7200, #522335)
• Hushed Coral color palette (#CEE6CC, #FF7E6A, #D06600, #577100, #3E1608)
• Ember Atelier color palette (#F9FAC3, #FF98D1, #CC632F, #006373, #431621)
• Worn Courtyard color palette (#EDD8EA, #FF6866, #96513D, #533650, #160E17)
• Worn Amber Loft color palette (#DEF4DF, #E6731D, #A16900, #046816, #251000)
• Weathered Delta color palette (#FFEBF7, #EEC29F, #C9A36B, #77996F, #205454)
• Marigold Lagoon color palette (#F4E4B4, #E1A500, #9C9100, #007E69, #342700)

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