UChicago Identity Colors SASS variables

_colors.scss

// Once you have a SASS project set up, include this file 
// with '@import “_colors.scss”;' and then use the variables
// in your SCSS files like 'a { color: $maroon; }'.

//primary color palette
$maroon: #800000;
$darkgray: #767676;
$lightgray: #D6D6CE;

//secondary color palette
$yellow: #FFA319;
$yellow-tint: #FFB547;
$yellow-shade: #CC8214;

$orange: #C16622;
$orange-tint: #D49464;
$orange-shade: #9A5324;

$red: #8F3931;
$red-tint: #B1746F;
$red-shade: #642822;

$lightgreen: #8A9045;
$lightgreen-tint: #ADB17D;
$lightgreen-shade: #616530;

$darkgreen: #58593F;
$darkgreen-tint: #8A8B79;
$darkgreen-shade: #3E3E23;

$blue: #155F83;
$blue-tint: #5B8FA8;
$blue-shade: #0F425C;

$violet: #350E20;
$violet-tint: #725663;

//violator colors
$cyan: #47B5FF;
$magenta: #FF3399;