Worn Tangerine color palette — #FFD2E1 · #EB6C00 · #B26800 · #6F5800 · #1B0F00

Tangerine and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#FFD2E1): A whisper-light, dusty rose — the color of strawberry cream.
• Tangerine (#EB6C00): A luminous, vivid orange — the color of autumn markets.
• Ochre (#B26800): A full-bodied, balanced gold — the color of old brass.
• Olive (#6F5800): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#1B0F00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged candy, vibrant, light, 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

• Gentle Amber color palette (#CDE6D0, #D98800, #A17B00, #5F5C00, #181200)
• Muted Scarlet Station color palette (#F3D3EB, #FF6E7C, #E23F00, #7E4100, #280900)
• Weathered Pier color palette (#F0DBC4, #FF856D, #D98800, #727500, #1B1100)
• Timeworn Lantern color palette (#E9E1D2, #967B00, #584C00, #313000, #1B1D00)
• Faded Bronze Boulevard color palette (#C7EADE, #928000, #566D00, #03500F, #020600)
• Marigold Boulevard color palette (#FFF7C7, #ECA500, #AE9A00, #687A00, #2C2800)
• Muted Olive Studio color palette (#E3E6C9, #707300, #006570, #3B3C00, #001F23)
• Linen Marigold Boulevard color palette (#EBFAEB, #FFCDA9, #E3A237, #A19441, #29422E)

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