Material UI designs colors

Material UI designs colors

Here we have explored and selected best flat UI design colors from pick to hand colors that are ready for COPY & PASTE colors code. These colors we always view in all popular websites, infographic, and other UI designs. Best flat UI designs colors that are going trending in 2019

Flat Green Colors

#4daf7c
rgb(77, 175, 124)
rgba(77, 175, 124, 1)
hsl(149, 39%, 49%)
#03a678
rgb(3, 166, 120)
rgba(3, 166, 120, 1)
hsl(163, 96%, 33%)
#36d7b7
rgb(54, 215, 183)
rgba(54, 215, 183)
hsl(168, 67%, 53%)
#16a085
rgb(22, 160, 133)
rgba(22, 160, 133, 1)
hsl(168, 76%, 36%)
#2abb9b
rgb(42, 187, 155)
rgba(42, 187, 155, 1)
hsl(167, 63%, 45%)
#006442
rgb(0, 100, 66)
rgba(0, 100, 66, 1)
hsl(160, 100%, 20%)
#87d37c
rgb(135, 211, 124)
rgba(135, 211, 124, 1)
hsl(112, 50%, 66%)
#6b9362
rgb(107, 147, 98)
rgba(107, 147, 98, 1)
hsl(109, 20%, 48%)
#5b8930
rgb(91, 137, 48)
rgba(91, 137, 48, 1)
hsl(91, 48%, 36%)
#8db255
rgb(141, 178, 85)
rgba(141, 178, 85)
hsl(84, 38%, 52%)
#7a942e
rgb(122, 148, 46)
rgba(122, 148, 46, 1)
hsl(75, 53%, 38%)
#26a65b
rgb(38, 166, 91)
rgba(38, 166, 91, 1)
hsl(145, 63%, 40%)
#26c281
rgb(38, 194, 129)
rgba(38, 194, 129, 1)
hsl(155, 67%, 45%)
#049372
rgb(4, 147, 114)
rgba(4, 147, 114, 1)
hsl(166, 95%, 30%)
#407a52
rgb(64, 122, 82)
rgba(64, 122, 82, 1)
hsl(139, 31%, 36%)

Flat Red Colors

#c91f37
rgb(199, 31, 53)
rgba(199, 31, 53, 1)
hsl(352, 73%, 45%)
#dc3023
rgb(220, 48, 35)
rgba(220, 48, 35, 1)
hsl(4, 73%, 50%)
#9d2933
rgb(157, 41, 51)
rgba(157, 41, 51, 1)
hsl(355, 59%, 39%)
#cf000f
rgb(207, 0, 15)
rgba(207, 0, 15, 1)
hsl(356, 100%, 41%)
#e68364
rgb(230, 131, 100)
rgba(230, 131, 100, 1)
hsl(14, 72%, 65%)
#f22613
rgb(242, 38, 19)
rgba(242, 38, 19, 1)
hsl(5, 90%, 51%)
#cf3a24
rgb(207, 58, 36)
rgba(207, 58, 36, 1)
hsl(8, 70%, 48%)
#c3272b
rgb(195, 39, 43)
rgba(195, 39, 43, 1)
hsl(358, 67%, 46%)
#8f1d21
rgb(143, 29, 33)
rgba(143, 29, 33, 1)
hsl(358, 66%, 34%)
#d24d57
rgb(210, 77, 87)
rgba(210, 77, 87, 1)
hsl(355, 60%, 56%)

Flat Purple Colors

#875f9a
rgb(135, 95, 154)
rgba(135, 95, 154, 1)
hsl(281, 24%, 49%)
#5d3f6a
rgb(93, 63, 106)
rgba(93, 63, 106, 1)
hsl(282, 25%, 33%)
#89729e
rgb(137, 114, 158)
rgba(137, 114, 158)
hsl(271, 18%, 53%)
#763568
rgb(118, 53, 104)
rgba(118, 53, 104, 1)
hsl(313, 38%, 34%)
#8d608c
rgb(141, 96, 140)
rgba(141, 96, 140, 1)
hsl(301, 19%, 46%)
#a87ca0
rgb(168, 124, 160)
rgba(168, 124, 160, 1)
hsl(311, 20%, 57%)
#5b3256
rgb(91, 50, 86)
rgba(91, 50, 86, 1)
hsl(307, 29%, 28%)
#bf55ec
rgb(191, 85, 236)
rgba(191, 85, 236, 1)
hsl(282, 80%, 63%)
#8e44ad
rgb(142, 68, 173)
rgba(142, 68, 173, 1)
hsl(282, 44%, 47%)
#be90d4
rgb(190, 144, 212)
rgba(190, 144, 212, 1)
hsl(281, 44%, 70%)
#9b59b6
rgb(155, 89, 182)
rgba(155, 89, 182, 1)
hsl(283, 39%, 53%)

Flat Pink Colors

#ffb3a7
rgb(255, 179, 167)
rgba(255, 179, 167, 1)
hsl(8, 100%, 83%)
#c93756
rgb(201, 55, 86)
rgba(201, 55, 86, 1)
hsl(347, 57%, 50%)
#db5a6b
rgb(219, 90, 107)
rgba(219, 90, 107)
hsl(352, 64%, 61%)
#fcc9b9
rgb(252, 201, 185)
rgba(252, 201, 185, 1)
hsl(14, 92%, 86%)
#f47983
rgb(244, 121, 131)
rgba(244, 121, 131, 1)
hsl(355, 85%, 72%)
#f08f90
rgb(240, 143, 144)
rgba(240, 143, 144, 1)
hsl(359, 76%, 75%)
#f62459
rgb(246, 36, 89)
rgba(246, 36, 89, 1)
hsl(345, 92%, 55%)
#f58f84
rgb(245, 143, 132)
rgba(245, 143, 132, 1)
hsl(6, 85%, 74%)

Flat Blue Colors

#48929b
rgb(72, 146, 155)
rgba(72, 146, 155, 1)
hsl(187, 37%, 45%)
#317589
rgb(49, 117, 137)
rgba(49, 117, 137, 1)
hsl(194, 47%, 36%)
#003171
rgb(0, 49, 113)
rgba(0, 49, 113)
hsl(214, 100%, 22%)
#044f67
rgb(4, 79, 103)
rgba(4, 79, 103, 1)
hsl(195, 93%, 21%)
#89c4f4
rgb(137, 196, 244)
rgba(137, 196, 244, 1)
hsl(207, 83%, 75%)
#264348
rgb(38, 67, 72)
rgba(38, 67, 72, 1)
hsl(189, 31%, 22%)
#22a7f0
rgb(34, 167, 240)
rgba(34, 167, 240, 1)
hsl(201, 87%, 54%)
#5d8cae
rgb(93, 140, 174)
rgba(93, 140, 174, 1)
hsl(205, 33%, 52%)
#4d8fac
rgb(77, 143, 172)
rgba(77, 143, 172, 1)
hsl(198, 38%, 49%)
#19b5fe
rgb(25, 181, 254)
rgba(25, 181, 254, 1)
hsl(199, 99%, 55%)
#4b77be
rgb(75, 119, 190)
rgba(75, 119, 190, 1)
hsl(217, 47%, 52%)
#59abe3
rgb(89, 171, 227)
rgba(89, 171, 227, 1)
hsl(204, 71%, 62%)
#1f4788
rgb(31, 71, 136)
rgba(31, 71, 136, 1)
hsl(217, 63%, 33%)

Flat Gray Colors

#95a5a6
rgb(149, 165, 166)
rgba(149, 165, 166, 1)
hsl(184, 9%, 62%)
#d2d7d3
rgb(210, 215, 211)
rgba(210, 215, 211, 1)
hsl(132, 6%, 83%)
#6c7a89
rgb(108, 122, 137)
rgba(108, 122, 137)
hsl(211, 12%, 48%)
#ecf0f1
rgb(236, 240, 241)
rgba(236, 240, 241, 1)
hsl(192, 15%, 94%)
#abb7b7
rgb(171, 183, 183)
rgba(171, 183, 183, 1)
hsl(180, 8%, 69%)
#bdc3c7
rgb(189, 195, 199)
rgba(189, 195, 199, 1)
hsl(204, 8%, 76%)
#eeeeee
rgb(238, 238, 238)
rgba(238, 238, 238, 1)
hsl(0, 0%, 93%)
#bfbfbf
rgb(191, 191, 191)
rgba(191, 191, 191, 1)
hsl(0, 0%, 75%)
#f2f1ef
rgb(242, 241, 239)
rgba(242, 241, 239, 1)
hsl(40, 10%, 94%)
#757d75
rgb(117, 125, 117)
rgba(117, 125, 117)
hsl(120, 3%, 47%)

Flat Yellow Colors

#ca6924
rgb(202, 105, 36)
rgba(202, 105, 36, 1)
hsl(25, 70%, 47%)
#faa945
rgb(250, 169, 69)
rgba(250, 169, 69, 1)
hsl(33, 95%, 63%)
#f5d76e
rgb(245, 215, 110)
rgba(245, 215, 110, 1)
hsl(47, 87%, 70%)
#d9b611
rgb(217, 182, 17)
rgba(217, 182, 17, 1)
hsl(50, 85%, 46%)
#f3c13a
rgb(243, 193, 58)
rgba(243, 193, 58, 1)
hsl(44, 89%, 59%)
#f4d03f
rgb(244, 208, 63)
rgba(244, 208, 63, 1)
hsl(48, 89%, 60%)
#ffa631
rgb(255, 166, 49)
rgba(255, 166, 49, 1)
hsl(34, 100%, 60%)
#f5ab35
rgb(245, 171, 53)
rgba(245, 171, 53, 1)
hsl(37, 91%, 58%)
#ffb94e
rgb(255, 185, 78)
rgba(255, 185, 78, 1)
hsl(36, 100%, 65%)
#ffa400
rgb(255, 164, 0)
rgba(255, 164, 0)
hsl(39, 100%, 50%)
#f7ca18
rgb(247, 202, 24)
rgba(247, 202, 24, 1)
hsl(48, 93%, 53%)
#e2b13c
rgb(226, 177, 60)
rgba(226, 177, 60, 1)
hsl(42, 74%, 56%)
#e08a1e
rgb(224, 138, 30)
rgba(224, 138, 30, 1)
hsl(33, 76%, 50%)
#e29c45
rgb(226, 156, 69)
rgba(226, 156, 69, 1)
hsl(33, 73%, 58%)
#f9690e
rgb(249, 105, 14)
rgba(249, 105, 14, 1)
hsl(23, 95%, 52%)
#ffb61e
rgb(255, 182, 30)
rgba(255, 182, 30, 1)
hsl(41, 100%, 56%)
#a17917
rgb(161, 121, 23)
rgba(161, 121, 23, 1)
hsl(43, 75%, 36%)

One thought on “Material UI designs colors

Leave a Reply

Your email address will not be published. Required fields are marked *