Loading...
Created at 12/03/2022 18:23
  73

Mobile ui ux design colors

  • Maximum Yellow Red
    #ecbb4c
  • Arylide Yellow
    #efcc71
  • Dark Bronze
    #77570c
  • Dark Lavender
    #6e5696
  • Pastel Blue
    #aac3ce
  • Rifle Green
    #44443c
Loading...
The palette consists of Light, Semi dark colors. Accent colors Dark Bronze #77570c and Dark Lavender #6e5696. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #44443C (darkest) to #AAC3CE (lightest). The lightness range is moderate.

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans warm.

HEX codes (sorted): #44443C, #6E5696, #77570C, #AAC3CE, #ECBB4C, #EFCC71

Palette Mobile ui ux design colors has combination of 6 codes colors:
HEX: #ecbb4c, RGB: (236, 187, 76); HEX: #efcc71, RGB: (239, 204, 113); HEX: #77570c, RGB: (119, 87, 12)
HEX: #6e5696, RGB: (110, 86, 150); HEX: #aac3ce, RGB: (170, 195, 206); HEX: #44443c, RGB: (68, 68, 60)
Simplified version of palette colors
Shade of goldenrod, Tint of Khaki, Shade of saddlebrown, Shade of darkslateblue, Tint of lightblue, Tint of darkslategrey
Color scheme was created by colorslib

Colors codes in palette

Mobile ui ux design colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ecbb4c #ecbb4c RGB(236, 187, 76)Maximum Yellow Red
#efcc71 #efcc71 RGB(239, 204, 113)Arylide Yellow
#77570c #77570c RGB(119, 87, 12)Dark Bronze
#6e5696 #6e5696 RGB(110, 86, 150)Dark Lavender
#aac3ce #aac3ce RGB(170, 195, 206)Pastel Blue
#44443c #44443c RGB(68, 68, 60)Rifle Green

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ecbb4c
#efcc71
1.14
#ecbb4c
#aac3ce
1.03
#efcc71
#aac3ce
1.18
#77570c
#6e5696
1.08
#77570c
#44443c
1.47
#6e5696
#44443c
1.6

Image palette Mobile ui ux design colors png

Loading...
Loading...
Loading...