Loading...
Created at 03/07/2022 16:09
  0.14k

Uxui webdesign ui design colors palette

  • American Green
    #48b648
  • Pastel Blue
    #a4c4d4
  • Vampire Black
    #040a04
  • Beaver
    #92836d
  • Cadet Blue (Crayola)
    #a4bccc
  • Liver Chestnut (Horses)
    #54462c
Loading...
The palette consists of Light, Dark colors. Accent colors American Green #48b648 and Vampire Black #040a04. Palette has Neutral, Cool, Warm colors temperature.

By lightness, this palette runs from #040A04 (darkest) to #A4C4D4 (lightest). The lightness range is wide.

Saturation sits in a moderate mid-range.

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

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #040A04, #48B648, #54462C, #92836D, #A4BCCC, #A4C4D4

Palette Uxui webdesign ui design colors palette has combination of 6 codes colors:
HEX: #48b648, RGB: (72, 182, 72); HEX: #a4c4d4, RGB: (164, 196, 212); HEX: #040a04, RGB: (4, 10, 4)
HEX: #92836d, RGB: (146, 131, 109); HEX: #a4bccc, RGB: (164, 188, 204); HEX: #54462c, RGB: (84, 70, 44)
Simplified version of palette colors
Tint of limegreen, Tint of lightblue, Shade of Black, Shade of Grey, Tint of lightsteelblue, Tint of saddlebrown
Color scheme was created by colorswall

Colors codes in palette

Uxui webdesign ui design colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#48b648 #48b648 RGB(72, 182, 72)American Green
#a4c4d4 #a4c4d4 RGB(164, 196, 212)Pastel Blue
#040a04 #040a04 RGB(4, 10, 4)Vampire Black
#92836d #92836d RGB(146, 131, 109)Beaver
#a4bccc #a4bccc RGB(164, 188, 204)Cadet Blue (Crayola)
#54462c #54462c RGB(84, 70, 44)Liver Chestnut (Horses)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#48b648
#a4c4d4
1.41
#48b648
#92836d
1.41
#48b648
#a4bccc
1.32
#a4c4d4
#a4bccc
1.07
#92836d
#a4bccc
1.87

Image palette Uxui webdesign ui design colors palette png

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