Techweez colour palette
/* For use in app/styles/color-palette.scss */
$color-darkblue: (
'50' : #e0e8ef,
'100' : #b3c5d8,
'200' : #809fbe,
'300' : #4d79a4,
'400' : #265c91,
'500' : #003f7d,
'600' : #003975,
'700' : #00316a,
'800' : #002960,
'900' : #001b4d,
'A100' : #809fff,
'A200' : #4d79ff,
'A400' : #1a53ff,
'A700' : #013fff,
'contrast': #ffffff
) !default;
$color-orange: (
'50' : #fff1e0,
'100' : #ffddb3,
'200' : #ffc780,
'300' : #ffb04d,
'400' : #ff9f26,
'500' : #ff8e00,
'600' : #ff8600,
'700' : #ff7b00,
'800' : #ff7100,
'900' : #ff5f00,
'A100' : #ffffff,
'A200' : #fff6f2,
'A400' : #ffd3bf,
'A700' : #ffc1a6,
'contrast': #000000
) !default;
$color-aqua: (
'50' : #f0f7ff,
'100' : #d8ebfe,
'200' : #bfdefe,
'300' : #a5d1fd,
'400' : #91c7fc,
'500' : #7ebdfc,
'600' : #76b7fc,
'700' : #6baefb,
'800' : #61a6fb,
'900' : #4e98fa,
'A100' : #ffffff,
'A200' : #ffffff,
'A400' : #eff6ff,
'A700' : #d5e7ff,
'contrast': #000000
) !default;
$color-lime: (
'50' : #edfceb,
'100' : #d3f7ce,
'200' : #b5f1ad,
'300' : #97eb8c,
'400' : #81e774,
'500' : #6be35b,
'600' : #63e053,
'700' : #58dc49,
'800' : #4ed840,
'900' : #3cd02f,
'A100' : #ffffff,
'A200' : #e3ffe0,
'A400' : #b3ffad,
'A700' : #9bff94,
'contrast': #000000
) !default;
$color-sunset: (
'50' : #fff6ee,
'100' : #ffe9d5,
'200' : #ffdab9,
'300' : #ffcb9d,
'400' : #ffc088,
'500' : #ffb573,
'600' : #ffae6b,
'700' : #ffa560,
'800' : #ff9d56,
'900' : #ff8d43,
'A100' : #ffffff,
'A200' : #ffffff,
'A400' : #fff2eb,
'A700' : #ffe2d1,
'contrast': #000000
) !default;
$color-ash: (
'50' : #f0f6f7,
'100' : #dbe9ec,
'200' : #c3dadf,
'300' : #aacbd2,
'400' : #98c0c9,
'500' : #86b5bf,
'600' : #7eaeb9,
'700' : #73a5b1,
'800' : #699da9,
'900' : #568d9b,
'A100' : #ffffff,
'A200' : #cff5ff,
'A400' : #9cebff,
'A700' : #82e5ff,
'contrast': #000000
) !default;
$color-black: (
'50' : #e0e0e0,
'100' : #b3b3b3,
'200' : #808080,
'300' : #4d4d4d,
'400' : #262626,
'500' : #000000,
'600' : #000000,
'700' : #000000,
'800' : #000000,
'900' : #000000,
'A100' : #a6a6a6,
'A200' : #8c8c8c,
'A400' : #737373,
'A700' : #666666,
'contrast': #ffffff
) !default;
$color-white: (
'50' : #ffffff,
'100' : #ffffff,
'200' : #ffffff,
'300' : #ffffff,
'400' : #ffffff,
'500' : #ffffff,
'600' : #ffffff,
'700' : #ffffff,
'800' : #ffffff,
'900' : #ffffff,
'A100' : #ffffff,
'A200' : #ffffff,
'A400' : #ffffff,
'A700' : #ffffff,
'contrast': #000000
) !default;