Worn Tangerine color palette — #FDDBD6 · #FD6032 · #B74800 · #823900 · #5A2E00

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

The five colors

• Shell Pink (#FDDBD6): A whisper-light, dusty orange — the color of sun-warmed clay.
• Tangerine (#FD6032): A luminous, vivid orange — the color of toasted spice.
• Terracotta (#B74800): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#823900): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#5A2E00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Energy, Balance. Tagged vibrant, 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

• Tangerine Market color palette (#FFE7DD, #F67C18, #AF5E00, #794700, #464000)
• Aged Ember color palette (#FAE9E9, #FF9685, #D65A00, #9B4E00, #5A3500)
• Sunlit Scarlet color palette (#FFD1D8, #FF6170, #D52333, #8F160D, #652B1A)
• Apricot Station color palette (#FFF3E8, #F18E00, #965600, #573100, #391D00)
• Quiet Amber color palette (#FFF2E9, #E26E00, #009843, #904400, #00481C)
• Mulberry Boulevard color palette (#FFE6D1, #B76A00, #568200, #A52461, #492700)
• Timeworn Marigold color palette (#FFDBB0, #D9A336, #947000, #6D5700, #464841)
• Feathered Peony color palette (#F3DCEA, #FF5BBE, #C9237B, #91234D, #6D283A)

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