Created at 05/21/2021 01:01
  0.26k

Design ui web flat colors palette

  • #109cac
  • #96d1d7
  • #3b7599
  • #62a0ab
  • #c9e4e4
  • #2c3444
The palette consists of Light colors. Accent colors #109cac and #96d1d7. Palette has Cool colors temperature.

By lightness, this palette runs from #2C3444 (darkest) to #C9E4E4 (lightest). The lightness range is wide.

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).

Overall temperature among swatches leans cool.

HEX codes (sorted): #109CAC, #2C3444, #3B7599, #62A0AB, #96D1D7, #C9E4E4

Palette Design ui web flat colors palette has combination of 6 codes colors:
HEX: #109cac, RGB: (16, 156, 172); HEX: #96d1d7, RGB: (150, 209, 215); HEX: #3b7599, RGB: (59, 117, 153)
HEX: #62a0ab, RGB: (98, 160, 171); HEX: #c9e4e4, RGB: (201, 228, 228); HEX: #2c3444, RGB: (44, 52, 68)
Simplified version of palette colors
Tint of cadetblue, Tint of powderblue, Tint of steelblue, Shade of cadetblue, Shade of powderblue, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Design ui web flat colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#109cac #109cac RGB(16, 156, 172)
#96d1d7 #96d1d7 RGB(150, 209, 215)
#3b7599 #3b7599 RGB(59, 117, 153)
#62a0ab #62a0ab RGB(98, 160, 171)
#c9e4e4 #c9e4e4 RGB(201, 228, 228)
#2c3444 #2c3444 RGB(44, 52, 68)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#109cac
#96d1d7
1.94
#109cac
#3b7599
1.52
#109cac
#62a0ab
1.11
#96d1d7
#62a0ab
1.73
#96d1d7
#c9e4e4
1.26
#3b7599
#62a0ab
1.7

Image palette Design ui web flat colors palette png