Weathered Tangerine color palette — #FFD7DB · #EB8351 · #835100 · #342B00 · #020300

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

The five colors

• Shell Pink (#FFD7DB): A whisper-light, dusty red — the color of late-summer berries.
• Tangerine (#EB8351): A luminous, balanced orange — the color of toasted spice.
• Coffee (#835100): A full-bodied, balanced gold — the color of old brass.
• Espresso (#342B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#020300): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

One click turns Weathered 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

• Airy Amber color palette (#FFE7DC, #CF8B00, #706800, #2A3A00, #000402)
• Misty Quarry color palette (#FFD1EB, #ED748B, #AE3500, #4C2800, #060400)
• Amber Workshop color palette (#F3E0D5, #DC8C2B, #A47000, #6A5000, #181200)
• Timeworn Chapel color palette (#FFECC3, #E55039, #695100, #001F72, #090200)
• Terracotta Coast color palette (#FEF2EC, #DDDAC8, #C4B9A3, #95442E, #170802)
• Chestnut Delta color palette (#E9DED2, #875100, #283431, #161300, #020100)
• Wandering Pier color palette (#FFF2EC, #FCAB09, #938700, #365500, #001B0E)
• Frosted Field color palette (#FFF3E8, #FFA7BD, #F08700, #748500, #050200)

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