Created at 05/23/2020 20:10
  0.22k

Design ui flat web colors palette

  • #d46436
  • #f6d1b6
  • #874816
  • #a0636a
  • #bcdcbc
  • #516880
The palette consists of Light, Semi dark colors. Accent colors #f6d1b6 and #516880. Palette has Warm, Neutral, Cool colors temperature.

By lightness, this palette runs from #874816 (darkest) to #F6D1B6 (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 warm.

HEX codes (sorted): #516880, #874816, #A0636A, #BCDCBC, #D46436, #F6D1B6

Palette Design ui flat web colors palette has combination of 6 codes colors:
HEX: #d46436, RGB: (212, 100, 54); HEX: #f6d1b6, RGB: (246, 209, 182); HEX: #874816, RGB: (135, 72, 22)
HEX: #a0636a, RGB: (160, 99, 106); HEX: #bcdcbc, RGB: (188, 220, 188); HEX: #516880, RGB: (81, 104, 128)
Simplified version of palette colors
Shade of chocolate, Tint of peachpuff, Shade of saddlebrown, Tint of indianred, Shade of darkseagreen, Tint of slategrey
Color scheme was created by colorswall

Colors codes in palette

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

Color HEX RGB Name Alternative name
#d46436 #d46436 RGB(212, 100, 54)
#f6d1b6 #f6d1b6 RGB(246, 209, 182)
#874816 #874816 RGB(135, 72, 22)
#a0636a #a0636a RGB(160, 99, 106)
#bcdcbc #bcdcbc RGB(188, 220, 188)
#516880 #516880 RGB(81, 104, 128)

Color Palette Contrast

7 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#d46436
#874816
1.91
#d46436
#a0636a
1.26
#d46436
#516880
1.55
#f6d1b6
#bcdcbc
1.04
#874816
#a0636a
1.51
#874816
#516880
1.22

Image palette Design ui flat web colors palette png