Loading...
Created at 11/27/2019 07:36
  0.27k

Animation dashboard concept uidesign ui colors palette

  • #09a6e5
  • #8fdae6
  • #1996cc
  • #808384
  • #c4a494
  • #536b75
Loading...
The palette consists of Light colors. Accent colors #09a6e5 and #c4a494. Palette has Cool, Neutral, Warm colors temperature.

By lightness, this palette runs from #536B75 (darkest) to #8FDAE6 (lightest). The lightness range is moderate.

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

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #09A6E5, #1996CC, #536B75, #808384, #8FDAE6, #C4A494

Palette Animation dashboard concept uidesign ui colors palette has combination of 6 codes colors:
HEX: #09a6e5, RGB: (9, 166, 229); HEX: #8fdae6, RGB: (143, 218, 230); HEX: #1996cc, RGB: (25, 150, 204)
HEX: #808384, RGB: (128, 131, 132); HEX: #c4a494, RGB: (196, 164, 148); HEX: #536b75, RGB: (83, 107, 117)
Simplified version of palette colors
Tint of deepskyblue, Tint of powderblue, Shade of steelblue, Shade of Grey, Tint of tan, Tint of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Animation dashboard concept uidesign ui colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#09a6e5 #09a6e5 RGB(9, 166, 229)
#8fdae6 #8fdae6 RGB(143, 218, 230)
#1996cc #1996cc RGB(25, 150, 204)
#808384 #808384 RGB(128, 131, 132)
#c4a494 #c4a494 RGB(196, 164, 148)
#536b75 #536b75 RGB(83, 107, 117)

Color Palette Contrast

10 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#09a6e5
#8fdae6
1.75
#09a6e5
#1996cc
1.21
#09a6e5
#808384
1.38
#09a6e5
#c4a494
1.19
#8fdae6
#c4a494
1.46
#1996cc
#808384
1.14

Image palette Animation dashboard concept uidesign ui colors palette png

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