color palettes
Color Palettes Graphic Design

Color palettes – Spring 2020 + CSS (HEX,RGBA,HSLA)

Color palettes for web developers, designers. Check our compositions for spring 2020. Choose your favourite one!

Color palette spring I

/* Hex */
{ color: #E15CF2; }
{ color: #BF05F2; }
{ color: #2E5902; }
{ color: #A9BF04; }
{ color: #F2CB05; }

/* RGBA */
{ color: rgba(225, 92, 242, 1); }
{ color: rgba(191, 5, 242, 1); }
{ color: rgba(46, 89, 2, 1); }
{ color: rgba(169, 191, 4, 1); }
{ color: rgba(242, 203, 5, 1); }

/* HSLA */
{ color: hsla(293, 85, 65, 1); }
{ color: hsla(287, 95, 48, 1); }
{ color: hsla(89, 95, 17, 1); }
{ color: hsla(67, 95, 38, 1); }
{ color: hsla(50, 95, 48, 1); }

Color palette spring II

/* Hex */
{ color: #A36CD9; }
{ color: #BFA7F2; }
{ color: #CCC2F2; }
{ color: #47591E; }
{ color: #F29422; }

/* RGBA */
{ color: rgba(163, 108, 217, 1); }
{ color: rgba(191, 167, 242, 1); }
{ color: rgba(204, 194, 242, 1); }
{ color: rgba(71, 89, 30, 1); }
{ color: rgba(242, 148, 34, 1); }

/* HSLA */
{ color: hsla(270, 58, 63, 1); }
{ color: hsla(259, 74, 80, 1); }
{ color: hsla(252, 64, 85, 1); }
{ color: hsla(78, 49, 23, 1); }
{ color: hsla(32, 88, 54, 1); }

Color palette spring III

/* Hex */
{ color: #40020D; }
{ color: #590222; }
{ color: #8C034E; }
{ color: #8C7604; }
{ color: #595140; }

/* RGBA */
{ color: rgba(64, 2, 13, 1); }
{ color: rgba(89, 2, 34, 1); }
{ color: rgba(140, 3, 78, 1); }
{ color: rgba(140, 118, 4, 1); }
{ color: rgba(89, 81, 64, 1); }

/* HSLA */
{ color: hsla(349, 93, 12, 1); }
{ color: hsla(337, 95, 17, 1); }
{ color: hsla(327, 95, 28, 1); }
{ color: hsla(50, 94, 28, 1); }
{ color: hsla(40, 16, 30, 1); }

Color palette spring IV

/* Hex */
{ color: #C8C5D9; }
{ color: #687DA6; }
{ color: #739FD9; }
{ color: #8FAFD9; }
{ color: #8C793E; }

/* RGBA */
{ color: rgba(200, 197, 217, 1); }
{ color: rgba(104, 125, 166, 1); }
{ color: rgba(115, 159, 217, 1); }
{ color: rgba(143, 175, 217, 1); }
{ color: rgba(140, 121, 62, 1); }

/* HSLA */
{ color: hsla(248, 20, 81, 1); }
{ color: hsla(219, 25, 52, 1); }
{ color: hsla(214, 57, 65, 1); }
{ color: hsla(214, 49, 70, 1); }
{ color: hsla(45, 38, 39, 1); }

Leave a Reply