White flat design ui colors

  • #059bd2
  • #9edaec
  • #719013
  • #a78254
  • #d0cd9c
  • #272d52
  0.24k
Created at 05/20/2020 12:10
The palette consists of Light, Dark colors. Accent colors #059bd2 and #719013. Palette has Cool, Warm colors temperature.

By lightness, this palette runs from #272D52 (darkest) to #9EDAEC (lightest). The lightness range is moderate.

Saturation sits in a moderate mid-range, averaging 57% across the palette.

Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.

Warm and cool swatches are fairly balanced (3 warm, 3 cool).

HEX codes (sorted): #059BD2, #272D52, #719013, #9EDAEC, #A78254, #D0CD9C

Palette White flat design ui colors combines 6 color codes:
HEX: #059bd2, RGB: (5, 155, 210); HEX: #9edaec, RGB: (158, 218, 236); HEX: #719013, RGB: (113, 144, 19)
HEX: #a78254, RGB: (167, 130, 84); HEX: #d0cd9c, RGB: (208, 205, 156); HEX: #272d52, RGB: (39, 45, 82)
Simplified version of palette colors
Shade of Steel Blue, Shade of Light Blue, Tint of Olive Drab, Shade of Peru, Shade of Pale Goldenrod, Tint of Midnight Blue
Color scheme was created by colorswall

Color codes in palette

White flat design ui colors color codes HEX, RGB information in table

ColorHEXRGBNameAlternative name
#059bd2#059bd2RGB(5, 155, 210)——
#9edaec#9edaecRGB(158, 218, 236)——
#719013#719013RGB(113, 144, 19)——
#a78254#a78254RGB(167, 130, 84)——
#d0cd9c#d0cd9cRGB(208, 205, 156)——
#272d52#272d52RGB(39, 45, 82)——

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text ColorBackground ColorContrast Ratio
#059bd2
#719013
1.16
#059bd2
#a78254
1.11
#059bd2
#d0cd9c
1.94
#9edaec
#d0cd9c
1.06
#719013
#a78254
1.04

Image palette White flat design ui colors png