Tangerine Loft color palette — #FFD7EF · #FF7232 · #00A6D0 · #0086A9 · #3A1000

Tangerine takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Shell Pink (#FFD7EF): A whisper-light, dusty pink — the color of peonies in June.
• Tangerine (#FF7232): A luminous, vivid orange — the color of autumn markets.
• Cyan (#00A6D0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#0086A9): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3A1000): A deep, shadowed, dusty orange — the color of autumn markets.

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

Use it as a design system

One click turns Tangerine Loft 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

• Hazy Blush Studio color palette (#FFD9E0, #FF6691, #00ABB6, #008A93, #380E1A)
• Ember Chapel color palette (#FFF2ED, #F15909, #008BB1, #005E78, #1D0400)
• Gentle Amber color palette (#FFEAF1, #D68D00, #00A0AD, #007396, #2C001B)
• Linen Chapel color palette (#FFDDC6, #FF9B4D, #1484E7, #6055C9, #341600)
• Pale Lapis color palette (#D3F1D6, #DA9B00, #009AB5, #504BDF, #3F0040)
• Hushed Apricot color palette (#FFF0F8, #FCAD7F, #89BDE3, #7D9EBA, #493740)
• Hushed Studio color palette (#E7FCE6, #FEB84B, #5792E9, #7869C3, #183219)
• Feathered Indigo Loft color palette (#CFE5D3, #DBA82E, #6272D8, #784EA4, #02220C)

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