Created at 12/17/2021 10:58
  0.39k

14 FLAT UI Colors

#1abc9c
#2ecc71
#3498db
#9b59b6
#16a085
#27ae60
#2980b9
#8e44ad
#f1c40f
#e67e22
#e74c3c
#f39c12
#d35400
#c0392b
Sign In to save palette in collection
The palette consists of Light, Semi dark colors. Accent colors #16a085 and #d35400. Palette has Cool, Warm colors temperature.
Palette 14 FLAT UI Colors has combination of 14 codes colors:
HEX: #1abc9c, RGB: (26, 188, 156); HEX: #2ecc71, RGB: (46, 204, 113); HEX: #3498db, RGB: (52, 152, 219)
HEX: #9b59b6, RGB: (155, 89, 182); HEX: #16a085, RGB: (22, 160, 133); HEX: #27ae60, RGB: (39, 174, 96)
HEX: #2980b9, RGB: (41, 128, 185); HEX: #8e44ad, RGB: (142, 68, 173); HEX: #f1c40f, RGB: (241, 196, 15)
HEX: #e67e22, RGB: (230, 126, 34); HEX: #e74c3c, RGB: (231, 76, 60); HEX: #f39c12, RGB: (243, 156, 18)
HEX: #d35400, RGB: (211, 84, 0); HEX: #c0392b, RGB: (192, 57, 43)
Simplified version of palette colors
Tint of mediumaquamarine, Shade of mediumseagreen, Shade of dodgerblue, Tint of mediumorchid, Tint of lightseagreen, Tint of mediumseagreen, Tint of steelblue, Shade of darkorchid, Tint of gold, Tint of darkorange, Tint of tomato, Tint of Orange, Tint of chocolate, Shade of firebrick
Color scheme was created by MyPalettes

Colors codes in palette

14 FLAT UI Colors color codes HEX, RGB information in table

Color HEX RGB Name Alternative name
#1abc9c RGB(26, 188, 156)
#2ecc71 RGB(46, 204, 113)
#3498db RGB(52, 152, 219)
#9b59b6 RGB(155, 89, 182)
#16a085 RGB(22, 160, 133)
#27ae60 RGB(39, 174, 96)
#2980b9 RGB(41, 128, 185)
#8e44ad RGB(142, 68, 173)
#f1c40f RGB(241, 196, 15)
#e67e22 RGB(230, 126, 34)
#e74c3c RGB(231, 76, 60)
#f39c12 RGB(243, 156, 18)
#d35400 RGB(211, 84, 0)
#c0392b RGB(192, 57, 43)

Color Palette Contrast

74 color pairs have low contrast and need improvement which may impact readability.
Text Color Background Color Contrast Ratio
#1abc9c
#2ecc71
1.14
#1abc9c
#3498db
1.3
#1abc9c
#9b59b6
1.93
#1abc9c
#16a085
1.36
#1abc9c
#27ae60
1.19
#1abc9c
#2980b9
1.78

Image palette 14 FLAT UI Colors png

Palette colors: How to use?

Click on any color to add in Palette
Quick palette
Maximum 10 palettes Compare
Click on «Compare» icon to add Palette in Compare List Palettes
Compare Palettes