Gentle Tangerine color palette — #FFD3C3 · #FFAB7F · #F27C0C · #B26700 · #5D3800

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

The five colors

• Shell Pink (#FFD3C3): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#FFAB7F): A luminous, balanced orange — the color of autumn markets.
• Tangerine (#F27C0C): A luminous, vivid gold — the color of old brass.
• Ochre (#B26700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#5D3800): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Gentle 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 Rust Atelier color palette (#F7DCDA, #FFA495, #FF754F, #CF4C00, #612900)
• Pale Amber Parlor color palette (#F8DDC6, #E3AA6A, #CA8B00, #9E7200, #4A3900)
• Gentle Amber Cabin color palette (#FFD5D8, #FF9179, #D16700, #875700, #4D3900)
• Quiet Tangerine color palette (#F2DDD6, #F96613, #AB5000, #683700, #331C00)
• Faded Basin color palette (#FFF1F6, #FFB267, #00D790, #D77E00, #00472C)
• Wandering Amber color palette (#EEE3D5, #C48D00, #977500, #6D5900, #1F1C00)
• Weathered Peony color palette (#FFE2ED, #FB9A2E, #86C021, #F9569E, #492700)
• Tempered Hollow color palette (#FFD0E4, #FFA3C0, #FF688D, #DF2058, #771721)

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