Dashborad admin panel sidebar dashboard design

  • Black
    #141414
  • Black
    #000000
  • Anti-Flash White
    #f0f0f0
  • Azureish White
    #dcf0f0
  • Columbia Blue
    #c8dcdc
  • Vampire Black
    #001400
  59
Created at 04/30/2023 10:42
The palette consists of Dark, Light colors. Accent colors Anti-Flash White #f0f0f0 and Vampire Black #001400. Palette has Neutral, Cool colors temperature.

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

Overall saturation feels mostly muted (lower chroma) — 67% of colors are muted.

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

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

HEX codes (sorted): #000000, #001400, #141414, #C8DCDC, #DCF0F0, #F0F0F0

Palette Dashborad admin panel sidebar dashboard design combines 6 color codes:
HEX: #141414, RGB: (20, 20, 20); HEX: #000000, RGB: (0, 0, 0); HEX: #f0f0f0, RGB: (240, 240, 240)
HEX: #dcf0f0, RGB: (220, 240, 240); HEX: #c8dcdc, RGB: (200, 220, 220); HEX: #001400, RGB: (0, 20, 0)
Simplified version of palette colors
Tint of Black, Black, Shade of White Smoke, Shade of Light Cyan, Tint of Powder Blue, Tint of Black
Color scheme was created by bad_colors

Color codes in palette

Dashborad admin panel sidebar dashboard design color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#141414#141414RGB(20, 20, 20)BlackSooty
#000000#000000RGB(0, 0, 0)Black—
#f0f0f0#f0f0f0RGB(240, 240, 240)Anti-Flash WhiteGray94
#dcf0f0#dcf0f0RGB(220, 240, 240)Azureish White—
#c8dcdc#c8dcdcRGB(200, 220, 220)Columbia Blue—
#001400#001400RGB(0, 20, 0)Vampire Black—

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#141414
#000000
1.13
#141414
#001400
1.03
#000000
#001400
1.1
#f0f0f0
#dcf0f0
1.03
#f0f0f0
#c8dcdc
1.25
#dcf0f0
#c8dcdc
1.2

Image palette Dashborad admin panel sidebar dashboard design png