Site 2d ux clean colors

  • Black
    #141414
  • White
    #ffffff
  • Alice Blue
    #f0f0ff
  • Ultramarine Blue
    #3c50f0
  • Lavender Blue
    #c8c8ff
  • Azure
    #f0ffff
  65
Created at 04/22/2023 19:12
The palette consists of Dark, Light, Semi dark colors. Accent colors White #ffffff and Azure #f0ffff. Palette has Neutral, Cool colors temperature.

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

Overall saturation feels vivid (higher chroma) — 67% of colors are vivid.

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

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

HEX codes (sorted): #141414, #3C50F0, #C8C8FF, #F0F0FF, #F0FFFF, #FFFFFF

Palette Site 2d ux clean colors combines 6 color codes:
HEX: #141414, RGB: (20, 20, 20); HEX: #ffffff, RGB: (255, 255, 255); HEX: #f0f0ff, RGB: (240, 240, 255)
HEX: #3c50f0, RGB: (60, 80, 240); HEX: #c8c8ff, RGB: (200, 200, 255); HEX: #f0ffff, RGB: (240, 255, 255)
Simplified version of palette colors
Tint of Black, White, Tint of Lavender, Shade of Slate Blue, Tint of Light Steel Blue, Azure
Color scheme was created by palettespicker

Color codes in palette

Site 2d ux clean colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#141414#141414RGB(20, 20, 20)BlackSooty
#ffffff#ffffffRGB(255, 255, 255)White—
#f0f0ff#f0f0ffRGB(240, 240, 255)Alice Blue—
#3c50f0#3c50f0RGB(60, 80, 240)Ultramarine Blue—
#c8c8ff#c8c8ffRGB(200, 200, 255)Lavender Blue—
#f0ffff#f0ffffRGB(240, 255, 255)AzureVapor

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#ffffff
#f0f0ff
1.12
#ffffff
#c8c8ff
1.59
#ffffff
#f0ffff
1.02
#f0f0ff
#c8c8ff
1.41
#f0f0ff
#f0ffff
1.09
#c8c8ff
#f0ffff
1.55

Image palette Site 2d ux clean colors png