Worn Tangerine color palette — #FFF1F0 · #FFCCC2 · #EC7435 · #9C5922 · #49433E

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Shell Pink (#FFCCC2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#EC7435): A luminous, vivid orange — the color of toasted spice.
• Ochre (#9C5922): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#49433E): a grounded near-black with real depth.

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

Use it as a design system

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

• Antique Blush Workshop color palette (#FFF1F1, #FFCED9, #F57382, #AB5954, #4A433F)
• Amber Delta color palette (#FFF2E9, #FBD5AF, #CF8C64, #8F5C50, #35312B)
• Tempered Meadow color palette (#FFF3E9, #FFD1A4, #D79900, #876C00, #48453E)
• Apricot Harbor color palette (#FFDBE7, #FFB0A9, #EC8E5F, #A87B47, #48453E)
• Tempered Bronze Station color palette (#FFE4DE, #E7947A, #AF5D31, #884A19, #674120)
• Quiet Amber Thicket color palette (#FFF3E9, #FFC6A3, #48CDFE, #C86C28, #144230)
• Antique Ember color palette (#FDDCD6, #D95000, #814200, #372000, #050200)
• Gentle Apricot Meadow color palette (#FFECE6, #FF9248, #BB7600, #705000, #332A00)

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