---
title: "UX Colors Illustrations Set - 9354 customizable PNGs, SVGs, PDFs"
product: "Streamline Icons, Illustrations and Elements"
asset_count: 9354
url: /illustrations/illustrations-multicolor
canonical_url: "https://www.streamlinehq.com/illustrations/illustrations-multicolor"
summary: "UX Colors draws people, objects, and actions with outlines and multicolor flat fills. Simplified figures appear inside or beside circular backgrounds."
---

# UX Colors

UX Colors draws people, objects, and actions with outlines and multicolor flat fills. Simplified figures appear inside or beside circular backgrounds.

9354 illustrations

License: Commercial

## Fit & Recommendation

### Primary use cases

- Explain an action or feature in onboarding and documentation.
- Use scenes to support instructions, presentations, or help content.

#### Practical guidance

- Check the smaller details at the final size.
- Compare canvas ratio and subject scale when combining related treatments.

## Visual & Technical Specs

### Visual properties

- The lines have a consistent, medium weight.
- Simplified people appear inside or beside circular scene backgrounds.
- Multicolor flat fills stay within the outlined shapes.

#### Technical specifications

- Base grid: 100x100px.

### Emotional Scores

These scores describe visual character. They are editorial judgments, not measured audience reactions. Each scale runs from 0.00 at the first word to 1.00 at the second, with 0.50 in the middle. For example, a lower Warm to Cold score means a warmer appearance.

UX Colors

- Warm to Cold: Slightly warm (0.40).
- Soft to Hard: Slightly soft (0.45).
- Friendly to Formal: Slightly friendly (0.45).
- Playful to Serious: Slightly serious (0.55).
- Human to Mechanical: Human (0.30).

## Pairing & Compatibility

### Typography pairing

- Primary: Try softly curved letterforms to echo the rounded shapes. For example, try Plus Jakarta Sans Regular/Medium.
- Alternative: Try softly curved letterforms to echo the rounded shapes. For example, try DM Sans Regular.
- Body: Use a lighter weight for supporting text and compare it with the artwork at reading size. For example, try Inter Regular.
- Caution: Compare heavier or decorative type at the final size so it does not overpower the artwork.
- Primary: Choose simple letterforms with a weight close to the artwork. For example, try Plus Jakarta Sans Regular/Medium.
- Alternative: Choose simple letterforms with a weight close to the artwork. For example, try DM Sans Regular.

## Categories

- [Work](/illustrations/illustrations-multicolor/work)
- [Social Media](/illustrations/illustrations-multicolor/social-media)
- [Marketing Advertising](/illustrations/illustrations-multicolor/marketing-advertising)
- [Users](/illustrations/illustrations-multicolor/users)
- [Rewards](/illustrations/illustrations-multicolor/rewards)
- [Business](/illustrations/illustrations-multicolor/business)
- [Teamwork](/illustrations/illustrations-multicolor/teamwork)
- [Customer Support](/illustrations/illustrations-multicolor/customer-support)
- [Shopping](/illustrations/illustrations-multicolor/shopping)
- [Logistic](/illustrations/illustrations-multicolor/logistic)
- [Payment](/illustrations/illustrations-multicolor/payment)
- [Money Finance](/illustrations/illustrations-multicolor/money-finance)
- [Cryptocurrency](/illustrations/illustrations-multicolor/cryptocurrency)
- [Product Development](/illustrations/illustrations-multicolor/product-development)
- [Software](/illustrations/illustrations-multicolor/software)
- [Coding](/illustrations/illustrations-multicolor/coding)
- [Design](/illustrations/illustrations-multicolor/design)
- [Email](/illustrations/illustrations-multicolor/email)
- [Phone](/illustrations/illustrations-multicolor/phone)
- [Mobile Phone](/illustrations/illustrations-multicolor/mobile-phone)
- [Smart Device](/illustrations/illustrations-multicolor/smart-device)
- [Computer](/illustrations/illustrations-multicolor/computer)
- [Cloud Network](/illustrations/illustrations-multicolor/cloud-network)
- [Drone](/illustrations/illustrations-multicolor/drone)
- [Robot](/illustrations/illustrations-multicolor/robot)
- [Artificial Intelligence](/illustrations/illustrations-multicolor/artificial-intelligence)
- [Virtual Reality](/illustrations/illustrations-multicolor/virtual-reality)
- [Science Technology](/illustrations/illustrations-multicolor/science-technology)
- [Text](/illustrations/illustrations-multicolor/text)
- [Image](/illustrations/illustrations-multicolor/image)
- [Video](/illustrations/illustrations-multicolor/video)
- [Audio](/illustrations/illustrations-multicolor/audio)
- [Music](/illustrations/illustrations-multicolor/music)
- [Podcast](/illustrations/illustrations-multicolor/podcast)
- [Video Game](/illustrations/illustrations-multicolor/video-game)
- [Entertainment](/illustrations/illustrations-multicolor/entertainment)
- [Sports](/illustrations/illustrations-multicolor/sports)
- [Health](/illustrations/illustrations-multicolor/health)
- [Beauty](/illustrations/illustrations-multicolor/beauty)
- [Lgbt](/illustrations/illustrations-multicolor/lgbt)
- [Romance](/illustrations/illustrations-multicolor/romance)
- [Lifestyle](/illustrations/illustrations-multicolor/lifestyle)
- [Urban Tribes](/illustrations/illustrations-multicolor/urban-tribes)
- [Family](/illustrations/illustrations-multicolor/family)
- [Education](/illustrations/illustrations-multicolor/education)
- [Disability](/illustrations/illustrations-multicolor/disability)
- [Drinks](/illustrations/illustrations-multicolor/drinks)
- [Food](/illustrations/illustrations-multicolor/food)
- [Clothes Accessory](/illustrations/illustrations-multicolor/clothes-accessory)
- [Furniture Objects](/illustrations/illustrations-multicolor/furniture-objects)
- [Ecology](/illustrations/illustrations-multicolor/ecology)
- [Nature](/illustrations/illustrations-multicolor/nature)
- [Animal](/illustrations/illustrations-multicolor/animal)
- [Pet](/illustrations/illustrations-multicolor/pet)
- [Hotel Spa](/illustrations/illustrations-multicolor/hotel-spa)
- [Map Navigation](/illustrations/illustrations-multicolor/map-navigation)
- [Travel](/illustrations/illustrations-multicolor/travel)
- [Transportation By Road](/illustrations/illustrations-multicolor/transportation-by-road)
- [Transportation By Air](/illustrations/illustrations-multicolor/transportation-by-air)
- [Transportation Other](/illustrations/illustrations-multicolor/transportation-other)
- [Landmarks](/illustrations/illustrations-multicolor/landmarks)
- [City Building](/illustrations/illustrations-multicolor/city-building)
- [Real Estate Construction](/illustrations/illustrations-multicolor/real-estate-construction)
- [Factory](/illustrations/illustrations-multicolor/factory)
- [Energy](/illustrations/illustrations-multicolor/energy)
- [Services](/illustrations/illustrations-multicolor/services)
- [Legal](/illustrations/illustrations-multicolor/legal)
- [Danger And Crime](/illustrations/illustrations-multicolor/danger-and-crime)
- [Army War](/illustrations/illustrations-multicolor/army-war)
- [News](/illustrations/illustrations-multicolor/news)
- [History](/illustrations/illustrations-multicolor/history)
- [Religion](/illustrations/illustrations-multicolor/religion)
- [Weather](/illustrations/illustrations-multicolor/weather)
- [Hand Gestures](/illustrations/illustrations-multicolor/hand-gestures)
- [Scenes](/illustrations/illustrations-multicolor/scenes)

## Example illustrations

- [Coworkers 1](https://assets.streamlinehq.com/image/private/w_210,h_210,ar_1/f_auto/v1/icons/illustrations-multicolor/work/human-resource-hiring/coworkers-1-bicrg1ox6wivpfnvy58wuf.png?_a=DATAiZkSZAA0)
- [Coworkers 2](https://assets.streamlinehq.com/image/private/w_210,h_210,ar_1/f_auto/v1/icons/illustrations-multicolor/work/human-resource-hiring/coworkers-2-asiyoes4xloy9lk3f160n.png?_a=DATAiZkSZAA0)
- [Handpick Resume](https://assets.streamlinehq.com/image/private/w_210,h_210,ar_1/f_auto/v1/icons/illustrations-multicolor/work/human-resource-hiring/handpick-resume-sttq7enmlct6ntw8nd5q8.png?_a=DATAiZkSZAA0)
- [Interview 1](https://assets.streamlinehq.com/image/private/w_210,h_210,ar_1/f_auto/v1/icons/human-resource-hiring/interview-1-3agkuwrat9zjfvtofjtexl.png/interview-1-rkwzn6lm78p3inp1e7ifo.png?_a=DATAiZkSZAA0)
- [Interview 2](https://assets.streamlinehq.com/image/private/w_210,h_210,ar_1/f_auto/v1/icons/illustrations-multicolor/work/human-resource-hiring/interview-2-zcmmr0plso0ov6r1n8axq.png?_a=DATAiZkSZAA0)
- [Interview 3](https://assets.streamlinehq.com/image/private/w_210,h_210,ar_1/f_auto/v1/icons/human-resource-hiring/interview-3-iut322g8kc8znowzscp7dn.png/interview-3-q2h2cgxrnsigbtsvs73x3k.png?_a=DATAiZkSZAA0)
- [Interview 4](https://assets.streamlinehq.com/image/private/w_210,h_210,ar_1/f_auto/v1/icons/human-resource-hiring/interview-4-hq3v3pkglrhy3tlv5rkogs.png/interview-4-lguwiw85hidm1suwy84ttd.png?_a=DATAiZkSZAA0)
- [Interview 5](https://assets.streamlinehq.com/image/private/w_210,h_210,ar_1/f_auto/v1/icons/illustrations-multicolor/work/human-resource-hiring/interview-5-puoz33xsryzxnuwckguhe.png?_a=DATAiZkSZAA0)
- [Interview 6](https://assets.streamlinehq.com/image/private/w_210,h_210,ar_1/f_auto/v1/icons/illustrations-multicolor/work/human-resource-hiring/interview-6-wxobotx112mb90jwdodzpp.png?_a=DATAiZkSZAA0)
- [Manager Crown 1](https://assets.streamlinehq.com/image/private/w_210,h_210,ar_1/f_auto/v1/icons/illustrations-multicolor/work/human-resource-hiring/manager-crown-1-uu26js6sx5i2g5gn2jae8.png?_a=DATAiZkSZAA0)
- [Manager Crown 2](https://assets.streamlinehq.com/image/private/w_210,h_210,ar_1/f_auto/v1/icons/illustrations-multicolor/work/human-resource-hiring/manager-crown-2-oeevf7zqj2rvgdajuxwqbe.png?_a=DATAiZkSZAA0)
- [Manager Crown 3](https://assets.streamlinehq.com/image/private/w_210,h_210,ar_1/f_auto/v1/icons/illustrations-multicolor/work/human-resource-hiring/manager-crown-3-ly9bwnsenod5j5j0n2fx5.png?_a=DATAiZkSZAA0)

---

[View full sitemap](/sitemap.md)
