Softworn Tangerine color palette — #F1DEE1 · #FF9F95 · #FF6A33 · #B66500 · #593D00

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

The five colors

• Shell Pink (#F1DEE1): A whisper-light, dusty red — the color of embers at dusk.
• Melon (#FF9F95): A luminous, balanced orange — the color of toasted spice.
• Tangerine (#FF6A33): A luminous, vivid orange — the color of autumn markets.
• Ochre (#B66500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#593D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Energy, 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 Pier color palette (#F2DAD7, #F8A480, #D77D13, #A27400, #423800)
• Feathered Ember Basin color palette (#FFE0F0, #FFA2BB, #FF6C74, #D75000, #5D3100)
• Ember Corridor color palette (#FFD5CD, #FF9574, #E15A00, #9A4700, #643400)
• Pale Scarlet Drift color palette (#FFE7F4, #EEBD89, #E4895C, #CC5056, #433300)
• Linen Rose Villa color palette (#FFE6E9, #FF5453, #B34500, #6F3B00, #2F1E00)
• Pale Marigold Courtyard color palette (#FFF3E7, #FFC68A, #E89100, #B66400, #3C1F00)
• Amber Orchard color palette (#F4DAD4, #DA7B10, #A66A00, #725900, #1F2300)
• Ember Bloom color palette (#FFF0F8, #FFAF84, #61D0FF, #DC6500, #004157)

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