strata-colors.css

/* CSS */
--eerie-black: hsla(0, 0%, 8%, 1);
--baby-powder: hsla(82, 3%, 100%, 1);
--bittersweet: hsla(1, 61%, 100%, 1);
--space-cadet: hsla(248, 45%, 38%, 1);
--green-lizard: hsla(82, 70%, 96%, 1);

/* SCSS HEX */
$eerie-black: #141414ff;
$baby-powder: #fcfff7ff;
$bittersweet: #ff6663ff;
$space-cadet: #3b3561ff;
$green-lizard: #b5f44aff;

/* SCSS HSL */
$eerie-black: hsla(0, 0%, 8%, 1);
$baby-powder: hsla(82, 3%, 100%, 1);
$bittersweet: hsla(1, 61%, 100%, 1);
$space-cadet: hsla(248, 45%, 38%, 1);
$green-lizard: hsla(82, 70%, 96%, 1);

/* SCSS RGB */
$eerie-black: rgba(20, 20, 20, 1);
$baby-powder: rgba(252, 255, 247, 1);
$bittersweet: rgba(255, 102, 99, 1);
$space-cadet: rgba(59, 53, 97, 1);
$green-lizard: rgba(181, 244, 74, 1);

/* SCSS Gradient */
$gradient-top: linear-gradient(0deg, #141414ff, #fcfff7ff, #ff6663ff, #3b3561ff, #b5f44aff);
$gradient-right: linear-gradient(90deg, #141414ff, #fcfff7ff, #ff6663ff, #3b3561ff, #b5f44aff);
$gradient-bottom: linear-gradient(180deg, #141414ff, #fcfff7ff, #ff6663ff, #3b3561ff, #b5f44aff);
$gradient-left: linear-gradient(270deg, #141414ff, #fcfff7ff, #ff6663ff, #3b3561ff, #b5f44aff);
$gradient-top-right: linear-gradient(45deg, #141414ff, #fcfff7ff, #ff6663ff, #3b3561ff, #b5f44aff);
$gradient-bottom-right: linear-gradient(135deg, #141414ff, #fcfff7ff, #ff6663ff, #3b3561ff, #b5f44aff);
$gradient-top-left: linear-gradient(225deg, #141414ff, #fcfff7ff, #ff6663ff, #3b3561ff, #b5f44aff);
$gradient-bottom-left: linear-gradient(315deg, #141414ff, #fcfff7ff, #ff6663ff, #3b3561ff, #b5f44aff);
$gradient-radial: radial-gradient(#141414ff, #fcfff7ff, #ff6663ff, #3b3561ff, #b5f44aff);