Color Palette – Winter 2020 + CSS (HEX,RGBA,HSLA)

Spread the love
Check out the latest color palettes for winter 2019/2020. Below you will find CSS (HEX, RGBA, HSLA). Beautiful sets for use in various graphic projects. Which color palette is your favorite? 🙂
Color palette

/* Hex */ { color: #5B89A6; } { color: #B6DBF2; } { color: #F2EFBD; } { color: #F2D230; } { color: #F2E2CE; } /* RGBA */ { color: rgba(91, 137, 165, 1); } { color: rgba(181, 219, 242, 1); } { color: rgba(242, 238, 188, 1); } { color: rgba(242, 209, 48, 1); } { color: rgba(242, 225, 205, 1); } /* HSLA */ { color: hsla(202, 29, 50, 1); } { color: hsla(202, 70, 83, 1); } { color: hsla(56, 67, 84, 1); } { color: hsla(50, 88, 56, 1); } { color: hsla(33, 58, 87, 1); }

/* Hex */ { color: #BCAED1; } { color: #8E97C0; } { color: #67646F; } { color: #5C6880; } { color: #F2E5F6; } /* RGBA */ { color: rgba(188, 174, 209, 1); } { color: rgba(142, 151, 191, 1); } { color: rgba(103, 100, 110, 1); } { color: rgba(91, 103, 128, 1); } { color: rgba(242, 228, 246, 1); } /* HSLA */ { color: hsla(264, 27, 75, 1); } { color: hsla(229, 28, 65, 1); } { color: hsla(256, 5, 41, 1); } { color: hsla(219, 16, 43, 1); } { color: hsla(285, 48, 93, 1); }

/* Hex */ { color: #2F4659; } { color: #4A738C; } { color: #73A2BF; } { color: #B3E0F2; } { color: #D8F0F2; } /* RGBA */ { color: rgba(47, 69, 89, 1); } { color: rgba(74, 114, 140, 1); } { color: rgba(114, 161, 191, 1); } { color: rgba(179, 224, 242, 1); } { color: rgba(215, 239, 242, 1); } /* HSLA */ { color: hsla(208, 30, 26, 1); } { color: hsla(202, 30, 42, 1); } { color: hsla(202, 37, 60, 1); } { color: hsla(196, 71, 82, 1); } { color: hsla(185, 51, 89, 1); }

/* Hex */ { color: #2E578C; } { color: #84C1D9; } { color: #F2E6A7; } { color: #F2EDDC; } { color: #F2C1AE; } /* RGBA */ { color: rgba(46, 87, 140, 1); } { color: rgba(132, 192, 216, 1); } { color: rgba(242, 229, 167, 1); } { color: rgba(242, 236, 220, 1); } { color: rgba(242, 192, 174, 1); } /* HSLA */ { color: hsla(213, 50, 36, 1); } { color: hsla(196, 52, 68, 1); } { color: hsla(50, 74, 80, 1); } { color: hsla(45, 46, 90, 1); } { color: hsla(16, 72, 81, 1); }

/* Hex */ { color: #59363D; } { color: #F2D1B3; } { color: #D99982; } { color: #D9857E; } { color: #A65353; } /* RGBA */ { color: rgba(89, 54, 60, 1); } { color: rgba(242, 208, 179, 1); } { color: rgba(216, 153, 130, 1); } { color: rgba(216, 133, 125, 1); } { color: rgba(165, 82, 82, 1); } /* HSLA */ { color: hsla(348, 24, 28, 1); } { color: hsla(28, 71, 82, 1); } { color: hsla(16, 53, 68, 1); } { color: hsla(5, 54, 67, 1); } { color: hsla(0, 33, 48, 1); }

/* Hex */ { color: #585859; } { color: #F2F2F2; } { color: #D9D9D9; } { color: #A6A6A6; } { color: #8C8C8C; } /* RGBA */ { color: rgba(88, 88, 89, 1); } { color: rgba(242, 242, 242, 1); } { color: rgba(216, 216, 216, 1); } { color: rgba(165, 165, 165, 1); } { color: rgba(140, 140, 140, 1); } /* HSLA */ { color: hsla(236, 0, 34, 1); } { color: hsla(0, 0, 95, 1); } { color: hsla(0, 0, 85, 1); } { color: hsla(0, 0, 65, 1); } { color: hsla(0, 0, 55, 1); }
Spread the love