diff --git a/images/orange_palette.scss b/images/orange_palette.scss new file mode 100644 index 00000000..599234f2 --- /dev/null +++ b/images/orange_palette.scss @@ -0,0 +1,47 @@ +/* Coolors Exported Palette - https://coolors.co/5f0f40-9a031e-fb8b24-e36414-0f4c5c */ + +/* CSS HEX */ +--tyrian-purple: #5f0f40ff; +--carmine: #9a031eff; +--ut-orange: #fb8b24ff; +--spanish-orange: #e36414ff; +--midnight-green: #0f4c5cff; + +/* CSS HSL */ +--tyrian-purple: hsla(323, 73%, 22%, 1); +--carmine: hsla(349, 96%, 31%, 1); +--ut-orange: hsla(29, 96%, 56%, 1); +--spanish-orange: hsla(23, 84%, 48%, 1); +--midnight-green: hsla(192, 72%, 21%, 1); + +/* SCSS HEX */ +$tyrian-purple: #5f0f40ff; +$carmine: #9a031eff; +$ut-orange: #fb8b24ff; +$spanish-orange: #e36414ff; +$midnight-green: #0f4c5cff; + +/* SCSS HSL */ +$tyrian-purple: hsla(323, 73%, 22%, 1); +$carmine: hsla(349, 96%, 31%, 1); +$ut-orange: hsla(29, 96%, 56%, 1); +$spanish-orange: hsla(23, 84%, 48%, 1); +$midnight-green: hsla(192, 72%, 21%, 1); + +/* SCSS RGB */ +$tyrian-purple: rgba(95, 15, 64, 1); +$carmine: rgba(154, 3, 30, 1); +$ut-orange: rgba(251, 139, 36, 1); +$spanish-orange: rgba(227, 100, 20, 1); +$midnight-green: rgba(15, 76, 92, 1); + +/* SCSS Gradient */ +$gradient-top: linear-gradient(0deg, #5f0f40ff, #9a031eff, #fb8b24ff, #e36414ff, #0f4c5cff); +$gradient-right: linear-gradient(90deg, #5f0f40ff, #9a031eff, #fb8b24ff, #e36414ff, #0f4c5cff); +$gradient-bottom: linear-gradient(180deg, #5f0f40ff, #9a031eff, #fb8b24ff, #e36414ff, #0f4c5cff); +$gradient-left: linear-gradient(270deg, #5f0f40ff, #9a031eff, #fb8b24ff, #e36414ff, #0f4c5cff); +$gradient-top-right: linear-gradient(45deg, #5f0f40ff, #9a031eff, #fb8b24ff, #e36414ff, #0f4c5cff); +$gradient-bottom-right: linear-gradient(135deg, #5f0f40ff, #9a031eff, #fb8b24ff, #e36414ff, #0f4c5cff); +$gradient-top-left: linear-gradient(225deg, #5f0f40ff, #9a031eff, #fb8b24ff, #e36414ff, #0f4c5cff); +$gradient-bottom-left: linear-gradient(315deg, #5f0f40ff, #9a031eff, #fb8b24ff, #e36414ff, #0f4c5cff); +$gradient-radial: radial-gradient(#5f0f40ff, #9a031eff, #fb8b24ff, #e36414ff, #0f4c5cff); \ No newline at end of file