Ux user experience design icons

  • White
    #ffffff
  • Columbia Blue
    #c8dcf0
  • Black
    #141414
  • Alice Blue
    #f0f0ff
  • Anti-Flash White
    #f0f0f0
  • Baby Blue Eyes
    #a0c8f0
  38
Created at 06/29/2023 20:30
The palette consists of Light, Dark colors. Accent colors White #ffffff and Alice Blue #f0f0ff. Palette has Neutral, Cool colors temperature.

By lightness, this palette runs from #141414 (darkest) to #FFFFFF (lightest). The lightness range is wide.

Saturation is mixed — 3 muted and 3 vivid out of 6 colors.

An analogous palette: its hues sit close together on the color wheel, within about 30°.

Most swatches read as neutral in color temperature (4 of 6).

HEX codes (sorted): #141414, #A0C8F0, #C8DCF0, #F0F0F0, #F0F0FF, #FFFFFF

Palette Ux user experience design icons combines 6 color codes:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #c8dcf0, RGB: (200, 220, 240); HEX: #141414, RGB: (20, 20, 20)
HEX: #f0f0ff, RGB: (240, 240, 255); HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #a0c8f0, RGB: (160, 200, 240)
Simplified version of palette colors
White, Tint of Light Steel Blue, Tint of Black, Tint of Lavender, Shade of White Smoke, Tint of Light Sky Blue
Color scheme was created by colorswall

Color codes in palette

Ux user experience design icons color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#ffffff#ffffffRGB(255, 255, 255)White—
#c8dcf0#c8dcf0RGB(200, 220, 240)Columbia Blue—
#141414#141414RGB(20, 20, 20)BlackSooty
#f0f0ff#f0f0ffRGB(240, 240, 255)Alice Blue—
#f0f0f0#f0f0f0RGB(240, 240, 240)Anti-Flash WhiteGray94
#a0c8f0#a0c8f0RGB(160, 200, 240)Baby Blue Eyes—

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#ffffff
#c8dcf0
1.4
#ffffff
#f0f0ff
1.12
#ffffff
#f0f0f0
1.13
#ffffff
#a0c8f0
1.74
#c8dcf0
#f0f0ff
1.24
#c8dcf0
#f0f0f0
1.23

Image palette Ux user experience design icons png