Weathered Tangerine color palette — #F7DBD3 · #F76B2F · #AE5100 · #6C3800 · #3B2000

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

The five colors

• Shell Pink (#F7DBD3): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#F76B2F): A luminous, vivid orange — the color of autumn markets.
• Ochre (#AE5100): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#6C3800): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#3B2000): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Hushed Amber Workshop color palette (#FCE9DB, #CE862F, #956000, #553B00, #2F2200)
• Quiet Brick Garden color palette (#FCE1E1, #FF6B67, #C40D01, #872500, #471800)
• Aged Orchard color palette (#EEDFDA, #FF8C5B, #DA6100, #934C00, #633800)
• Powdered Station color palette (#FFF1F2, #FFB8A7, #F56B00, #845400, #443100)
• Linen Amber color palette (#FFECF3, #DB7E00, #009B64, #854B00, #002816)
• Pale Bronze color palette (#CFE7D1, #C7A757, #917600, #5A5100, #093224)
• Gentle Olive color palette (#CFEFCE, #B17400, #328B00, #AB2451, #241400)
• Dusty Mustard Pier color palette (#DDFCD9, #F7D998, #CFC231, #A35910, #133219)

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