Loading...
Created at 01/01/2020 19:14
  0.31k

Design minimal flat ux palette

  • #5ca414
  • #c4dce4
  • #113636
  • #54829c
  • #b3c2c3
  • #3e5749
Loading...
The palette consists of Light, Dark, Semi dark colors. Accent colors #5ca414 and #113636. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #113636 (darkest) to #C4DCE4 (lightest). The lightness range is wide.

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

Hues sit in a neighboring band on the wheel (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #113636, #3E5749, #54829C, #5CA414, #B3C2C3, #C4DCE4

Palette Design minimal flat ux palette has combination of 6 codes colors:
HEX: #5ca414, RGB: (92, 164, 20); HEX: #c4dce4, RGB: (196, 220, 228); HEX: #113636, RGB: (17, 54, 54)
HEX: #54829c, RGB: (84, 130, 156); HEX: #b3c2c3, RGB: (179, 194, 195); HEX: #3e5749, RGB: (62, 87, 73)
Simplified version of palette colors
Shade of olivedrab, Shade of lightblue, Tint of darkslategrey, Shade of steelblue, Tint of Silver, Shade of darkslategrey
Color scheme was created by colorswall

Colors codes in palette

Design minimal flat ux palette color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#5ca414 #5ca414 RGB(92, 164, 20)
#c4dce4 #c4dce4 RGB(196, 220, 228)
#113636 #113636 RGB(17, 54, 54)
#54829c #54829c RGB(84, 130, 156)
#b3c2c3 #b3c2c3 RGB(179, 194, 195)
#3e5749 #3e5749 RGB(62, 87, 73)

Color Palette Contrast

5 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#5ca414
#54829c
1.34
#5ca414
#b3c2c3
1.68
#c4dce4
#b3c2c3
1.28
#113636
#3e5749
1.66
#54829c
#3e5749
1.89

Image palette Design minimal flat ux palette png

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