Airy Tangerine color palette — #FBE9EE · #FF9685 · #E7772D · #996D24 · #493D09

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

The five colors

• Blush (#FBE9EE): A whisper-light, dusty rose — the color of a warm blush.
• Melon (#FF9685): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#E7772D): A luminous, vivid orange — the color of toasted spice.
• Ochre (#996D24): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#493D09): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Worn Ember Balcony color palette (#FFE3E1, #FF8567, #CB5E00, #82470B, #4B3309)
• Aged Studio color palette (#FFE0D8, #FFA558, #C98F00, #7E751B, #324315)
• Pale Coral color palette (#F4E7F5, #FF96C8, #EF6F73, #A95C3A, #58350C)
• Timeworn Harbor color palette (#FFF3E8, #FFC266, #DD9032, #94651A, #351C00)
• Muted Amber Hollow color palette (#FAE3D2, #DEBB88, #CF8B65, #9A6B6E, #32302A)
• Feathered Balcony color palette (#FDE6E8, #FB5B26, #BC6500, #725100, #201E00)
• Misty Cabin color palette (#FFEADD, #FFA57E, #65B7FF, #CE764F, #07385C)
• Hushed Mallow Corridor color palette (#C6EEF8, #FFA3EB, #E67F6D, #504945, #2B1D16)

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