Loading...
Created at 02/27/2023 16:55
  71

Modern layout mobile ui colors

  • Copper Red
    #c4765b
  • Tumbleweed
    #e4a78d
  • Seal Brown
    #502c13
  • Cadet Blue
    #6299a6
  • Tan
    #cdbc94
  • Van Dyke Brown
    #644a31
Loading...
The palette consists of Light, Dark colors. Accent colors Tumbleweed #e4a78d and Cadet Blue #6299a6. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #502C13 (darkest) to #E4A78D (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): #502C13, #6299A6, #644A31, #C4765B, #CDBC94, #E4A78D

Palette Modern layout mobile ui colors has combination of 6 codes colors:
HEX: #c4765b, RGB: (196, 118, 91); HEX: #e4a78d, RGB: (228, 167, 141); HEX: #502c13, RGB: (80, 44, 19)
HEX: #6299a6, RGB: (98, 153, 166); HEX: #cdbc94, RGB: (205, 188, 148); HEX: #644a31, RGB: (100, 74, 49)
Simplified version of palette colors
Tint of darksalmon, Shade of darksalmon, Tint of saddlebrown, Tint of cadetblue, Shade of tan, Tint of saddlebrown
Color scheme was created by hex

Colors codes in palette

Modern layout mobile ui colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#c4765b #c4765b RGB(196, 118, 91)Copper Red
#e4a78d #e4a78d RGB(228, 167, 141)Tumbleweed
#502c13 #502c13 RGB(80, 44, 19)Seal Brown
#6299a6 #6299a6 RGB(98, 153, 166)Cadet Blue
#cdbc94 #cdbc94 RGB(205, 188, 148)Tan
#644a31 #644a31 RGB(100, 74, 49)Van Dyke Brown

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#c4765b
#e4a78d
1.67
#c4765b
#6299a6
1.08
#c4765b
#cdbc94
1.84
#e4a78d
#6299a6
1.54
#e4a78d
#cdbc94
1.09
#502c13
#644a31
1.49

Image palette Modern layout mobile ui colors png

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