Skip to content

Instantly share code, notes, and snippets.

@denniskigen
Last active September 15, 2021 10:08
/// Colors
//
/// Arranged in increasing order of hue saturation
$color-black: #000000;
$color-blue-10: #EDF5FF;
$color-blue-20: #D0E2FF;
$color-blue-30: #A6C8FF;
$color-blue-40: #78A9FF;
$color-blue-60: #0F62FE;
$color-blue-70: #0043CE;
$color-gray-10: #F4F4F4;
$color-gray-15: #EDEDED;
$color-gray-20: #DDE1E6;
$color-gray-30: #C6C6C6;
$color-gray-40: #A8A8A8;
$color-gray-50: #8D8D8D;
$color-gray-60: #6F6F6F;
$color-gray-70: #525252;
$color-gray-80: #393939;
$color-gray-90: #262626;
$color-gray-100: #161616;
$color-cool-gray-20: #E0E0E0;
$color-cool-gray-40: #CACACA;
$color-cool-gray-100: #121619;
$color-green-10: #DEFBE6;
$color-green-20: #A7F0BA;
$color-green-40: #42BE65;
$color-green-50: #24A148;
$color-orange-100: #FF832B;
$color-purple-20: #E8DAFF;
$color-purple-70: #6929C4;
$color-red-10: #FFF1F1;
$color-red-20: #FFD7D9;
$color-red-50: #FA4D56;
$color-red-60: #DA1E28;
$color-red-70: #A2191F;
$color-teal-20: #9EF0F0;
$color-teal-50: #009D9A;
$color-teal-60: #007D79;
$color-teal-70: #005D5D;
$color-teal-80: #004144;
$color-teal-90: #022B30;
$color-teal-bg-10: #F2F5F5;
$color-teal-bg-20: #DAE0E0;
$color-white: #FFFFFF;
$color-yellow-10: #FFF8E1;
$color-yellow-30: #FEECAE;
$color-yellow-100: #F1C21B;
@denniskigen
Copy link
Author

denniskigen commented Sep 14, 2021

Renamed $icon-02: #525252 -> $color-gray-70: #525252

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment