Created at 03/06/2020 11:53
  0.28k

Design work flat ui colours

  • #0494fc
  • #f8b55e
  • #04c6d4
  • #015897
  • #ece4e3
  • #2c3c62
The palette consists of Light colors. Accent colors #f8b55e and #015897. Palette has Cool, Warm, Neutral colors temperature.

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

Overall saturation feels vivid (higher chroma).

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Overall temperature among swatches leans cool.

HEX codes (sorted): #015897, #0494FC, #04C6D4, #2C3C62, #ECE4E3, #F8B55E

Palette Design work flat ui colours has combination of 6 codes colors:
HEX: #0494fc, RGB: (4, 148, 252); HEX: #f8b55e, RGB: (248, 181, 94); HEX: #04c6d4, RGB: (4, 198, 212)
HEX: #015897, RGB: (1, 88, 151); HEX: #ece4e3, RGB: (236, 228, 227); HEX: #2c3c62, RGB: (44, 60, 98)
Simplified version of palette colors
Tint of dodgerblue, Shade of sandybrown, Tint of darkturquoise, Tint of royalblue, Shade of gainsboro, Tint of darkslateblue
Color scheme was created by colorswall

Colors codes in palette

Design work flat ui colours color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#0494fc #0494fc RGB(4, 148, 252)
#f8b55e #f8b55e RGB(248, 181, 94)
#04c6d4 #04c6d4 RGB(4, 198, 212)
#015897 #015897 RGB(1, 88, 151)
#ece4e3 #ece4e3 RGB(236, 228, 227)
#2c3c62 #2c3c62 RGB(44, 60, 98)

Color Palette Contrast

6 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#0494fc
#f8b55e
1.76
#0494fc
#04c6d4
1.5
#f8b55e
#04c6d4
1.17
#f8b55e
#ece4e3
1.42
#04c6d4
#ece4e3
1.67
#015897
#2c3c62
1.47

Image palette Design work flat ui colours png