Weathered Tangerine color palette — #F9D9DE · #FF9D94 · #F76B00 · #BA6B00 · #523900

Tangerine and Ochre set the tone — five colors that lean into optimism and warmth.

The five colors

• Shell Pink (#F9D9DE): A whisper-light, dusty red — the color of late-summer berries.
• Melon (#FF9D94): A luminous, balanced orange — the color of sun-warmed clay.
• Tangerine (#F76B00): A luminous, vivid orange — the color of autumn markets.
• Ochre (#BA6B00): A luminous, balanced gold — the color of honey in a jar.
• Deep Olive (#523900): 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 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

• Pale Atelier color palette (#FFE4DE, #FF9471, #E46000, #994B00, #673600)
• Gentle Amber color palette (#FCD4CB, #F2A479, #DD8600, #977100, #3F3900)
• Rust Veranda color palette (#FFE7F3, #ECBF88, #E58955, #C15C59, #413406)
• Washed Scarlet color palette (#FFCBF8, #FFA2C8, #FF6D8F, #E93801, #612700)
• Apricot Bloom color palette (#FFF3E6, #FFC888, #EE8900, #A46900, #381E00)
• Softworn Amber color palette (#FFE6DD, #E47800, #9E6C00, #655500, #212600)
• Hushed Amber color palette (#FFF0F8, #FFB081, #71CDFF, #D96800, #00405B)
• Aged Rose color palette (#F2DFE1, #FF4D3F, #AC4300, #673800, #342400)

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