Loading...
Created at 07/18/2023 11:08
  39

Color palette design system ui kit

  • White
    #ffffff
  • Alice Blue
    #f0f0ff
  • Light Steel Blue
    #b4c8dc
  • Azureish White
    #dcdcf0
  • Anti-Flash White
    #f0f0f0
  • Water
    #dcf0ff
Loading...
The palette consists of Light colors. Accent colors White #ffffff and Alice Blue #f0f0ff. Palette has Neutral, Cool colors temperature.

By lightness, this palette runs from #B4C8DC (darkest) to #FFFFFF (lightest). The lightness range is relatively narrow.

Saturation is mixed — some muted swatches and some vivid accents.

Hue spacing suggests a mostly analogous cluster (loose heuristic, not a strict color-theory label).

Most swatches read as neutral in color temperature.

HEX codes (sorted): #B4C8DC, #DCDCF0, #DCF0FF, #F0F0F0, #F0F0FF, #FFFFFF

Palette Color palette design system ui kit has combination of 6 codes colors:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #f0f0ff, RGB: (240, 240, 255); HEX: #b4c8dc, RGB: (180, 200, 220)
HEX: #dcdcf0, RGB: (220, 220, 240); HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #dcf0ff, RGB: (220, 240, 255)
Simplified version of palette colors
White, Shade of lavender, Shade of lightsteelblue, Tint of lavender, Tint of whitesmoke, Tint of aliceblue
Color scheme was created by colorslib

Colors codes in palette

Color palette design system ui kit color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#ffffff #ffffff RGB(255, 255, 255)White
#f0f0ff #f0f0ff RGB(240, 240, 255)Alice Blue
#b4c8dc #b4c8dc RGB(180, 200, 220)Light Steel Blue
#dcdcf0 #dcdcf0 RGB(220, 220, 240)Azureish White
#f0f0f0 #f0f0f0 RGB(240, 240, 240)Anti-Flash WhiteGray94
#dcf0ff #dcf0ff RGB(220, 240, 255)Water

Color Palette Contrast

15 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#ffffff
#f0f0ff
1.12
#ffffff
#b4c8dc
1.71
#ffffff
#dcdcf0
1.35
#ffffff
#f0f0f0
1.13
#ffffff
#dcf0ff
1.16
#f0f0ff
#b4c8dc
1.52

Image palette Color palette design system ui kit png

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