User interface design product colours

  • White
    #ffffff
  • Black
    #141414
  • Slate Blue
    #6464dc
  • Alice Blue
    #f0f0ff
  • Anti-Flash White
    #f0f0f0
  • Slate Blue
    #6464c8
  46
Created at 06/30/2023 12:08
The palette consists of Light, Dark, Semi 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 2 vivid out of 6 colors.

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

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

HEX codes (sorted): #141414, #6464C8, #6464DC, #F0F0F0, #F0F0FF, #FFFFFF

Palette User interface design product colours combines 6 color codes:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #141414, RGB: (20, 20, 20); HEX: #6464dc, RGB: (100, 100, 220)
HEX: #f0f0ff, RGB: (240, 240, 255); HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #6464c8, RGB: (100, 100, 200)
Simplified version of palette colors
White, Tint of Black, Tint of Slate Blue, Tint of Lavender, Shade of White Smoke, Tint of Slate Blue
Color scheme was created by colorhunt

Color codes in palette

User interface design product colours color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#ffffff#ffffffRGB(255, 255, 255)White—
#141414#141414RGB(20, 20, 20)BlackSooty
#6464dc#6464dcRGB(100, 100, 220)Slate Blue—
#f0f0ff#f0f0ffRGB(240, 240, 255)Alice Blue—
#f0f0f0#f0f0f0RGB(240, 240, 240)Anti-Flash WhiteGray94
#6464c8#6464c8RGB(100, 100, 200)Slate Blue—

Color Palette Contrast

4 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#ffffff
#f0f0ff
1.12
#ffffff
#f0f0f0
1.13
#6464dc
#6464c8
1.04
#f0f0ff
#f0f0f0
1.01

Image palette User interface design product colours png