Tangerine Canyon color palette — #F2D8D1 · #F86707 · #BA6600 · #7E5300 · #2A1D00

Built around Tangerine, softened by Ochre — the whole palette hums with optimism and energy.

The five colors

• Shell Pink (#F2D8D1): A whisper-light, dusty orange — the color of autumn markets.
• Tangerine (#F86707): A luminous, vivid orange — the color of autumn markets.
• Ochre (#BA6600): A full-bodied, balanced gold — the color of honey in a jar.
• Coffee (#7E5300): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#2A1D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: 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

• Airy Rose Grove color palette (#F7E5E7, #FF4846, #D24600, #7E4000, #311A00)
• Ember Terrace color palette (#FFE7E5, #E75D32, #9F5300, #4B3100, #130F00)
• Amber Villa color palette (#F8E5EB, #CD931A, #B26800, #82492E, #001C0C)
• Quiet Cobalt Harbor color palette (#F2D7E0, #F0992C, #007EDB, #9F5F00, #001B37)
• Linen Pier color palette (#FFDAAD, #E3D277, #A1CA62, #B66D3D, #342400)
• Hushed Corridor color palette (#F4DDC8, #E6A300, #B18B00, #7C7400, #343900)
• Linen Amber Veranda color palette (#F4E5C8, #B09400, #807A00, #4F5D00, #0E2600)
• Patina Amber Lagoon color palette (#FFE7CB, #BE7D00, #009694, #905AAC, #1C0E00)

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