Color theme: https://coolors.co/dd6e42-e8dab2-4f6d7a-c0d6df-eaeaea
/* CSS HEX */
--burnt-sienna: #dd6e42ff;
--dutch-white: #e8dab2ff;
--cadet: #4f6d7aff;
--columbia-blue: #c0d6dfff;
--platinum: #eaeaeaff;
/* CSS HSL */
--burnt-sienna: hsla(17, 70%, 56%, 1);
--dutch-white: hsla(44, 54%, 80%, 1);
--cadet: hsla(198, 21%, 39%, 1);
--columbia-blue: hsla(197, 33%, 81%, 1);
--platinum: hsla(0, 0%, 92%, 1);
/* SCSS HEX */
$burnt-sienna: #dd6e42ff;
$dutch-white: #e8dab2ff;
$cadet: #4f6d7aff;
$columbia-blue: #c0d6dfff;
$platinum: #eaeaeaff;
/* SCSS HSL */
$burnt-sienna: hsla(17, 70%, 56%, 1);
$dutch-white: hsla(44, 54%, 80%, 1);
$cadet: hsla(198, 21%, 39%, 1);
$columbia-blue: hsla(197, 33%, 81%, 1);
$platinum: hsla(0, 0%, 92%, 1);
/* SCSS RGB */
$burnt-sienna: rgba(221, 110, 66, 1);
$dutch-white: rgba(232, 218, 178, 1);
$cadet: rgba(79, 109, 122, 1);
$columbia-blue: rgba(192, 214, 223, 1);
$platinum: rgba(234, 234, 234, 1);
/* SCSS Gradient */
$gradient-top: linear-gradient(0deg, #dd6e42ff, #e8dab2ff, #4f6d7aff, #c0d6dfff, #eaeaeaff);
$gradient-right: linear-gradient(90deg, #dd6e42ff, #e8dab2ff, #4f6d7aff, #c0d6dfff, #eaeaeaff);
$gradient-bottom: linear-gradient(180deg, #dd6e42ff, #e8dab2ff, #4f6d7aff, #c0d6dfff, #eaeaeaff);
$gradient-left: linear-gradient(270deg, #dd6e42ff, #e8dab2ff, #4f6d7aff, #c0d6dfff, #eaeaeaff);
$gradient-top-right: linear-gradient(45deg, #dd6e42ff, #e8dab2ff, #4f6d7aff, #c0d6dfff, #eaeaeaff);
$gradient-bottom-right: linear-gradient(135deg, #dd6e42ff, #e8dab2ff, #4f6d7aff, #c0d6dfff, #eaeaeaff);
$gradient-top-left: linear-gradient(225deg, #dd6e42ff, #e8dab2ff, #4f6d7aff, #c0d6dfff, #eaeaeaff);
$gradient-bottom-left: linear-gradient(315deg, #dd6e42ff, #e8dab2ff, #4f6d7aff, #c0d6dfff, #eaeaeaff);
$gradient-radial: radial-gradient(#dd6e42ff, #e8dab2ff, #4f6d7aff, #c0d6dfff, #eaeaeaff);