Tangerine Loft color palette — #FFE1D6 · #F36F00 · #AB5A00 · #784200 · #573500

A conversation between Tangerine and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFE1D6): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#F36F00): A luminous, vivid orange — the color of toasted spice.
• Ochre (#AB5A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#784200): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#573500): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: 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

• Airy Amber color palette (#F3DFD3, #C26C00, #895200, #573600, #392600)
• Gentle Coral color palette (#FFD6D3, #FF8360, #C56E00, #895B00, #4E4300)
• Airy Loft color palette (#FFE7F0, #C0935F, #995600, #743500, #203D24)
• Pale Magenta color palette (#FFF1F7, #DC7400, #BC27DF, #8B4700, #4F285A)
• Frosted Corridor color palette (#FFD7A4, #CC9100, #8F6D00, #635200, #2B4614)
• Weathered Scarlet Grove color palette (#FDDDE1, #FF606F, #DA0122, #981200, #6B240E)
• Aged Mulberry Hollow color palette (#FFE8C2, #A67500, #008A29, #AB2242, #412C02)
• Gentle Mustard Pier color palette (#DFFFE1, #F8E3A0, #C8C746, #A46622, #2F4D35)

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