color palettes
Color Palettes Graphic Design

Color palettes – Christmas 2019/2020 + CSS

Color palettes for web developers, designers. Check our compositions for Christmas 2019.

Color palette Christmas I

/* Hex */
{ color: #3E38F2; }
{ color: #5C64F2; }
{ color: #77F296; }
{ color: #8C331F; }
{ color: #260303; }

/* RGBA */
{ color: rgba(62, 56, 242, 1); }
{ color: rgba(92, 100, 242, 1); }
{ color: rgba(119, 242, 150, 1); }
{ color: rgba(140, 51, 31, 1); }
{ color: rgba(38, 3, 3, 1); }

/* HSLA */
{ color: hsla(241, 87, 58, 1); }
{ color: hsla(236, 85, 65, 1); }
{ color: hsla(135, 82, 70, 1); }
{ color: hsla(11, 63, 33, 1); }
{ color: hsla(0, 85, 8, 1); }

Color palette Christmas II

/* Hex */
{ color: #568C04; }
{ color: #3F5907; }
{ color: #D2D907; }
{ color: #F2F2F2; }
{ color: #F20505; }

/* RGBA */
{ color: rgba(86, 140, 4, 1); }
{ color: rgba(63, 89, 7, 1); }
{ color: rgba(210, 217, 7, 1); }
{ color: rgba(242, 242, 242, 1); }
{ color: rgba(242, 5, 5, 1); }

/* HSLA */
{ color: hsla(83, 94, 28, 1); }
{ color: hsla(79, 85, 18, 1); }
{ color: hsla(61, 93, 43, 1); }
{ color: hsla(0, 0, 94, 1); }
{ color: hsla(0, 95, 48, 1); }

Color palette Christmas III

/* Hex */
{ color: #730321; }
{ color: #F2F2F2; }
{ color: #BF8B4B; }
{ color: #735C4F; }
{ color: #BF1F1F; }

/* RGBA */
{ color: rgba(115, 3, 33, 1); }
{ color: rgba(242, 242, 242, 1); }
{ color: rgba(191, 139, 75, 1); }
{ color: rgba(115, 92, 79, 1); }
{ color: rgba(191, 31, 31, 1); }

/* HSLA */
{ color: hsla(343, 94, 23, 1); }
{ color: hsla(0, 0, 94, 1); }
{ color: hsla(33, 47, 52, 1); }
{ color: hsla(21, 18, 38, 1); }
{ color: hsla(0, 72, 43, 1); }

Color palette Christmas IV

/* Hex */
{ color: #D91424; }
{ color: #A6174B; }
{ color: #AABF0A; }
{ color: #A6700D; }
{ color: #F2F0F0; }

/* RGBA */
{ color: rgba(217, 20, 36, 1); }
{ color: rgba(166, 23, 75, 1); }
{ color: rgba(170, 191, 10, 1); }
{ color: rgba(166, 112, 13, 1); }
{ color: rgba(242, 240, 240, 1); }

/* HSLA */
{ color: hsla(355, 83, 46, 1); }
{ color: hsla(338, 75, 37, 1); }
{ color: hsla(66, 90, 39, 1); }
{ color: hsla(38, 85, 35, 1); }
{ color: hsla(0, 7, 94, 1); }

Leave a Reply