Loading...
Created at 04/28/2020 18:10
  0.19k

Mobile ui illustration mockup screens colors palette

  • #be6638
  • #d2f7a0
  • #37206c
  • #5c80ab
  • #adcf9d
  • #463c6e
Loading...
The palette consists of Light, Dark colors. Accent colors #d2f7a0 and #37206c. Palette has Warm, Cool, Neutral colors temperature.

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

Saturation sits in a moderate mid-range.

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

Overall temperature among swatches leans cool.

HEX codes (sorted): #37206C, #463C6E, #5C80AB, #ADCF9D, #BE6638, #D2F7A0

Palette Mobile ui illustration mockup screens colors palette has combination of 6 codes colors:
HEX: #be6638, RGB: (190, 102, 56); HEX: #d2f7a0, RGB: (210, 247, 160); HEX: #37206c, RGB: (55, 32, 108)
HEX: #5c80ab, RGB: (92, 128, 171); HEX: #adcf9d, RGB: (173, 207, 157); HEX: #463c6e, RGB: (70, 60, 110)
Simplified version of palette colors
Tint of chocolate, Shade of palegreen, Shade of midnightblue, Shade of steelblue, Shade of darkseagreen, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Mobile ui illustration mockup screens colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#be6638 #be6638 RGB(190, 102, 56)
#d2f7a0 #d2f7a0 RGB(210, 247, 160)
#37206c #37206c RGB(55, 32, 108)
#5c80ab #5c80ab RGB(92, 128, 171)
#adcf9d #adcf9d RGB(173, 207, 157)
#463c6e #463c6e RGB(70, 60, 110)

Color Palette Contrast

3 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#be6638
#5c80ab
1
#d2f7a0
#adcf9d
1.44
#37206c
#463c6e
1.34

Image palette Mobile ui illustration mockup screens colors palette png

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