Worn Tangerine color palette — #F1DAD9 · #FF9E8B · #FB7722 · #BB6A00 · #543600

Built around Tangerine, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F1DAD9): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#FF9E8B): A luminous, balanced orange — the color of autumn markets.
• Tangerine (#FB7722): A luminous, vivid orange — the color of autumn markets.
• Ochre (#BB6A00): A luminous, balanced gold — the color of afternoon light on wheat.
• Cocoa (#543600): 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 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

• Muted Workshop color palette (#FED7C9, #F3A56D, #D58B00, #997200, #433700)
• Muted Ember Market color palette (#FDD9E5, #FF8279, #DC5500, #915700, #513F00)
• Faded Rust Coast color palette (#FFE7F2, #ECBE8F, #E08C58, #C25E47, #473100)
• Worn Tangerine Grove color palette (#FADBDA, #FE6139, #B74E00, #693900, #362100)
• Muted Scarlet Cabin color palette (#FEE9F2, #FF9DBA, #FF6A77, #E92F2D, #692600)
• Powdered Amber Market color palette (#FFF0F7, #FFB07C, #68CFFF, #D56C00, #004058)
• Hazy Meadow color palette (#FFF1F6, #E3EDC5, #D5E772, #FF8460, #61430C)
• Hushed Amber color palette (#F8E4D7, #D38000, #A07300, #6E5700, #201F00)

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