Loading...
Created at 01/16/2023 11:24
  0.12k

Ux app ui illustration colors palette

  • Light French Beige
    #d0af84
  • Dark Vanilla
    #dac0a1
  • Dark Brown
    #5f4624
  • Slate Gray
    #6d7790
  • Gray (X11)
    #bdbcc0
  • Independence
    #444d6e
Loading...
The palette consists of Light colors. Accent colors Dark Brown #5f4624 and Independence #444d6e. Palette has Warm, Cool, Neutral colors temperature.

By lightness, this palette runs from #5F4624 (darkest) to #BDBCC0 (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 warm.

HEX codes (sorted): #444D6E, #5F4624, #6D7790, #BDBCC0, #D0AF84, #DAC0A1

Palette Ux app ui illustration colors palette has combination of 6 codes colors:
HEX: #d0af84, RGB: (208, 175, 132); HEX: #dac0a1, RGB: (218, 192, 161); HEX: #5f4624, RGB: (95, 70, 36)
HEX: #6d7790, RGB: (109, 119, 144); HEX: #bdbcc0, RGB: (189, 188, 192); HEX: #444d6e, RGB: (68, 77, 110)
Simplified version of palette colors
Tint of tan, Shade of tan, Tint of saddlebrown, Tint of slategrey, Tint of Silver, Shade of darkslateblue
Color scheme was created by raccoon

Colors codes in palette

Ux app ui illustration colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#d0af84 #d0af84 RGB(208, 175, 132)Light French Beige
#dac0a1 #dac0a1 RGB(218, 192, 161)Dark Vanilla
#5f4624 #5f4624 RGB(95, 70, 36)Dark Brown
#6d7790 #6d7790 RGB(109, 119, 144)Slate Gray
#bdbcc0 #bdbcc0 RGB(189, 188, 192)Gray (X11)
#444d6e #444d6e RGB(68, 77, 110)Independence

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#d0af84
#dac0a1
1.18
#d0af84
#bdbcc0
1.09
#dac0a1
#bdbcc0
1.08
#5f4624
#6d7790
1.96
#5f4624
#444d6e
1.06
#6d7790
#444d6e
1.85

Image palette Ux app ui illustration colors palette png

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