Softworn Tangerine color palette — #FFF1F1 · #FFBBA9 · #F96C00 · #915000 · #523400
A conversation between Tangerine and Ochre, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Melon (#FFBBA9): A whisper-light, balanced orange — the color of sun-warmed clay.
- Tangerine (#F96C00): A luminous, vivid orange — the color of autumn markets.
- Ochre (#915000): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Cocoa (#523400): A deep, shadowed, dusty gold — the color of honey in a jar.
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
- Tangerine Corridor color palette (#FFD4CC, #F57546, #B24F00, #813D00, #5D3100)
- Pale Station color palette (#FFF2EA, #FFC489, #CD8F00, #745E00, #3E3B00)
- Patina Studio color palette (#FFD1E1, #FFA3A0, #F97C23, #A37000, #453E00)
- Amber Courtyard color palette (#FFF0F7, #FAC48C, #D37635, #964330, #122F18)
- Quiet Amber color palette (#F0DBCC, #C97900, #815C00, #3C2F00, #110F00)
- Muted Apricot Hollow color palette (#FFE4DE, #FF956B, #AB5A00, #654000, #2A1B00)
- Rose Lantern color palette (#FFF0F7, #FFA9C4, #FF355F, #B9110B, #642208)
- Hazy Bronze color palette (#FFF0F7, #FFB482, #31BEFE, #BD5F00, #003349)
Browse the whole catalog at Explore, or see today's palette.