Created at 09/22/2020 18:17
  0.23k

Flat typography icon logo colors palette

  • #378ac7
  • #b4d3ea
  • #1d4767
  • #507588
  • #b7c7d4
  • #6f6d73
The palette consists of Light colors. Accent colors #378ac7 and #b4d3ea. Palette has Cool, Neutral colors temperature.

By lightness, this palette runs from #1D4767 (darkest) to #B4D3EA (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): #1D4767, #378AC7, #507588, #6F6D73, #B4D3EA, #B7C7D4

Palette Flat typography icon logo colors palette has combination of 6 codes colors:
HEX: #378ac7, RGB: (55, 138, 199); HEX: #b4d3ea, RGB: (180, 211, 234); HEX: #1d4767, RGB: (29, 71, 103)
HEX: #507588, RGB: (80, 117, 136); HEX: #b7c7d4, RGB: (183, 199, 212); HEX: #6f6d73, RGB: (111, 109, 115)
Simplified version of palette colors
Shade of steelblue, Shade of lightsteelblue, Tint of darkslateblue, Tint of slategrey, Shade of lightsteelblue, Shade of dimgrey
Color scheme was created by colorswall

Colors codes in palette

Flat typography icon logo colors palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#378ac7 #378ac7 RGB(55, 138, 199)
#b4d3ea #b4d3ea RGB(180, 211, 234)
#1d4767 #1d4767 RGB(29, 71, 103)
#507588 #507588 RGB(80, 117, 136)
#b7c7d4 #b7c7d4 RGB(183, 199, 212)
#6f6d73 #6f6d73 RGB(111, 109, 115)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#378ac7
#507588
1.32
#378ac7
#6f6d73
1.36
#b4d3ea
#b7c7d4
1.1
#1d4767
#507588
1.97
#1d4767
#6f6d73
1.91
#507588
#6f6d73
1.03

Image palette Flat typography icon logo colors palette png