Illustration design ux ui
- Persian Orange#df9755
- Gold (Crayola)#dccc84
- Citron#9b9b2c
- Brown Sugar#a3694b
- Dust Storm#ddccba
- Rifle Green#3d4e37
Created at 01/28/2022 09:14
The palette consists of Light, Semi dark colors. Accent colors Persian Orange #df9755 and Citron #9b9b2c. Palette has Warm, Neutral colors temperature.
By lightness, this palette runs from #3D4E37 (darkest) to #DDCCBA (lightest). The lightness range is moderate.
Saturation is mixed — 1 muted and 3 vivid out of 6 colors.
The hues stay in one region of the color wheel, spanning about 84°.
Overall temperature among swatches leans warm (4 of 6).
HEX codes (sorted): #3D4E37, #9B9B2C, #A3694B, #DCCC84, #DDCCBA, #DF9755
Palette Illustration design ux ui combines 6 color codes:
HEX: #df9755, RGB: (223, 151, 85); HEX: #dccc84, RGB: (220, 204, 132); HEX: #9b9b2c, RGB: (155, 155, 44)
HEX: #a3694b, RGB: (163, 105, 75); HEX: #ddccba, RGB: (221, 204, 186); HEX: #3d4e37, RGB: (61, 78, 55)
Simplified version of palette colors
Shade of sandybrown, Shade of Khaki, Tint of Olive, Tint of sienna, Shade of antiquewhite, Tint of darkslategrey
Color scheme was created by colorswall
Color codes in palette
Illustration design ux ui color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #df9755 | #df9755 | RGB(223, 151, 85) | Persian Orange | — |
| #dccc84 | #dccc84 | RGB(220, 204, 132) | Gold (Crayola) | — |
| #9b9b2c | #9b9b2c | RGB(155, 155, 44) | Citron | — |
| #a3694b | #a3694b | RGB(163, 105, 75) | Brown Sugar | — |
| #ddccba | #ddccba | RGB(221, 204, 186) | Dust Storm | — |
| #3d4e37 | #3d4e37 | RGB(61, 78, 55) | Rifle Green | — |
Color Palette Contrast
9 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#df9755 | #dccc84 | 1.49 |
#df9755 | #9b9b2c | 1.22 |
#df9755 | #a3694b | 1.85 |
#df9755 | #ddccba | 1.54 |
#dccc84 | #9b9b2c | 1.82 |
#dccc84 | #ddccba | 1.03 |
Image palette Illustration design ux ui png
Export Palette
Download the "Illustration design ux ui" in multiple formats for seamless integration into your design projects.
Available formats: