Softworn Tangerine color palette — #FADFE0 · #FF9E94 · #FF732E · #BE5B00 · #583400

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

The five colors

• Shell Pink (#FADFE0): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#FF9E94): A luminous, balanced orange — the color of autumn markets.
• Tangerine (#FF732E): A luminous, vivid orange — the color of autumn markets.
• Terracotta (#BE5B00): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#583400): 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 Softworn 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

• Amber Station color palette (#FFDDD1, #F9A87B, #DF8626, #A06F00, #483700)
• Ember Harbor color palette (#FBD9E6, #FF889A, #F14800, #975700, #553F00)
• Softworn Rust color palette (#FFEADC, #ECBD96, #E18B62, #CC5348, #492F00)
• Feathered Coral color palette (#FCD3D7, #FF6556, #BE4700, #683000, #361D00)
• Coral Boulevard color palette (#FFF3E9, #DEE3C0, #B0E0A0, #F67B5D, #563A12)
• Worn Ember Villa color palette (#FFF2EA, #FFAF86, #74CDFF, #DE6300, #00405B)
• Sunlit Crimson color palette (#FFCFEB, #FFA0C5, #FF6F94, #EA2442, #761A03)
• Amber Grove color palette (#FFE8DB, #D67E03, #A26C00, #6F5300, #221E00)

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