Tangerine Canyon color palette — #FFF2EF · #E6D0CC · #C3C0B2 · #FC7E30 · #440711

Built around Tangerine, softened by Espresso — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E6D0CC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Stone (#C3C0B2): soft and architectural.
• Tangerine (#FC7E30): A luminous, vivid orange — the color of autumn markets.
• Espresso (#440711): A deep, shadowed, balanced red — the color of embers at dusk.

Feels like: Optimism, Sophistication. Tagged candy, vibrant, light, muted.

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

• Aged Marigold Alley color palette (#FFF2ED, #E9D9D8, #EDC3A0, #F3980B, #3C1E0A)
• Blush Thicket color palette (#FFF1F2, #FFC8F2, #E0D2D5, #FF969F, #42112E)
• Amber Parlor color palette (#FFF2EE, #FFD2D4, #FFAFB4, #DB6D00, #270002)
• Powdered Delta color palette (#FFF1F2, #FFB6AD, #F94E12, #9C4700, #4D2A00)
• Washed Moss color palette (#FFF3E4, #E9D8C8, #FEB54A, #A2A800, #1D1200)
• Scarlet Harbor color palette (#FCF1FF, #FFBCDF, #FF779A, #DB3722, #59242D)
• Apricot Quarry color palette (#FFF2EC, #FFBDC9, #FF865D, #9C6C00, #070200)
• Airy Blush color palette (#FBECFF, #DEB8FF, #FF81A8, #BA6A00, #40030A)

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