47 lines
1.9 KiB
SCSS
47 lines
1.9 KiB
SCSS
|
/* Coolors Exported Palette - https://coolors.co/191d32-282f44-1b998b-eac435-e6f14a */
|
||
|
|
|
||
|
|
/* CSS HEX */
|
||
|
|
--oxford-blue: #191d32ff;
|
||
|
|
--space-cadet: #282f44ff;
|
||
|
|
--persian-green: #1b998bff;
|
||
|
|
--saffron: #eac435ff;
|
||
|
|
--maximum-green-yellow: #e6f14aff;
|
||
|
|
|
||
|
|
/* CSS HSL */
|
||
|
|
--oxford-blue: hsla(230, 33%, 15%, 1);
|
||
|
|
--space-cadet: hsla(225, 26%, 21%, 1);
|
||
|
|
--persian-green: hsla(173, 70%, 35%, 1);
|
||
|
|
--saffron: hsla(47, 81%, 56%, 1);
|
||
|
|
--maximum-green-yellow: hsla(64, 86%, 62%, 1);
|
||
|
|
|
||
|
|
/* SCSS HEX */
|
||
|
|
$oxford-blue: #191d32ff;
|
||
|
|
$space-cadet: #282f44ff;
|
||
|
|
$persian-green: #1b998bff;
|
||
|
|
$saffron: #eac435ff;
|
||
|
|
$maximum-green-yellow: #e6f14aff;
|
||
|
|
|
||
|
|
/* SCSS HSL */
|
||
|
|
$oxford-blue: hsla(230, 33%, 15%, 1);
|
||
|
|
$space-cadet: hsla(225, 26%, 21%, 1);
|
||
|
|
$persian-green: hsla(173, 70%, 35%, 1);
|
||
|
|
$saffron: hsla(47, 81%, 56%, 1);
|
||
|
|
$maximum-green-yellow: hsla(64, 86%, 62%, 1);
|
||
|
|
|
||
|
|
/* SCSS RGB */
|
||
|
|
$oxford-blue: rgba(25, 29, 50, 1);
|
||
|
|
$space-cadet: rgba(40, 47, 68, 1);
|
||
|
|
$persian-green: rgba(27, 153, 139, 1);
|
||
|
|
$saffron: rgba(234, 196, 53, 1);
|
||
|
|
$maximum-green-yellow: rgba(230, 241, 74, 1);
|
||
|
|
|
||
|
|
/* SCSS Gradient */
|
||
|
|
$gradient-top: linear-gradient(0deg, #191d32ff, #282f44ff, #1b998bff, #eac435ff, #e6f14aff);
|
||
|
|
$gradient-right: linear-gradient(90deg, #191d32ff, #282f44ff, #1b998bff, #eac435ff, #e6f14aff);
|
||
|
|
$gradient-bottom: linear-gradient(180deg, #191d32ff, #282f44ff, #1b998bff, #eac435ff, #e6f14aff);
|
||
|
|
$gradient-left: linear-gradient(270deg, #191d32ff, #282f44ff, #1b998bff, #eac435ff, #e6f14aff);
|
||
|
|
$gradient-top-right: linear-gradient(45deg, #191d32ff, #282f44ff, #1b998bff, #eac435ff, #e6f14aff);
|
||
|
|
$gradient-bottom-right: linear-gradient(135deg, #191d32ff, #282f44ff, #1b998bff, #eac435ff, #e6f14aff);
|
||
|
|
$gradient-top-left: linear-gradient(225deg, #191d32ff, #282f44ff, #1b998bff, #eac435ff, #e6f14aff);
|
||
|
|
$gradient-bottom-left: linear-gradient(315deg, #191d32ff, #282f44ff, #1b998bff, #eac435ff, #e6f14aff);
|
||
|
|
$gradient-radial: radial-gradient(#191d32ff, #282f44ff, #1b998bff, #eac435ff, #e6f14aff);
|