Tangerine Canyon color palette — #F3DFDE · #F46A00 · #A75D00 · #6B4E00 · #393000

A conversation between Tangerine and Ochre, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F3DFDE): A whisper-light, dusty orange — the color of toasted spice.
• Tangerine (#F46A00): A luminous, vivid orange — the color of autumn markets.
• Ochre (#A75D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#6B4E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#393000): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Energy, Balance. Tagged warm.

Use it as a design system

One click turns Tangerine Canyon 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

• Apricot Bloom color palette (#FFD6CB, #EE9052, #A96400, #664400, #2C2000)
• Worn Amber Courtyard color palette (#FFE9EC, #EE886E, #D27400, #845F00, #303200)
• Amber Chapel color palette (#FFEBDB, #D29200, #917800, #4C5000, #183400)
• Airy Blush color palette (#FFE4EC, #FE567D, #CC3126, #7E3400, #3D2300)
• Dusty Drift color palette (#F5D4DF, #E79428, #2473D8, #8C5500, #0B284F)
• Sunflower Bloom color palette (#E4FCE1, #D8D377, #79C594, #AF6953, #163A22)
• Faded Marigold color palette (#FFE8D4, #EEAC42, #AC962B, #63702B, #27544D)
• Amber Ridge color palette (#C6E3F9, #FF91AB, #C57500, #3B1A28, #1E0D14)

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