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

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); }