// 纯色
$black: #000000;
$white: #ffffff;

// 灰色系（中性色系）
$neutral-1: #f8f9fb;
$neutral-2: #f0f1f5;
$neutral-3: #e6e6ec;
$neutral-4: #dadae2;
$neutral-5: #cccdd7;
$neutral-6: #bebfca;
$neutral-7: #aeb0bd;
$neutral-8: #9ea0af;
$neutral-9: #8d8fa0;
$neutral-10: #7a7c8f;
$neutral-11: #66687b;
$neutral-12: #535567;
$neutral-13: #404254;
$neutral-14: #303243;
$neutral-15: #252736;
$neutral-16: #1c1e2a;

// 蓝色系&&主色系
$blue-1: #ebf1ff;
$blue-2: #d7e3ff;
$blue-3: #c2d3fe;
$blue-4: #acc2fd;
$blue-5: #97b2fb;
$blue-6: #81a2f8;
$blue-7: #6b8ff4;
$blue-8: #567ced;
$blue-9: #4269df;
$blue-10: #3058d0;
$blue-11: #2148c1;
$blue-12: #1637b0;
$blue-13: #0e2ca0;
$blue-14: #09228f;
$blue-15: #051a7f;
$blue-16: #02136c;

// 海蓝色
$ocean-1: #e8f2fc;
$ocean-2: #d9eafa;
$ocean-3: #c9e1f8;
$ocean-4: #a3cbf3;
$ocean-5: #73b1ed;
$ocean-6: #4597e7;
$ocean-7: #2c85db;
$ocean-8: #1c78ce;
$ocean-9: #1671c5;
$ocean-10: #1468b8;
$ocean-11: #115ca5;
$ocean-12: #0f5192;
$ocean-13: #0d4680;
$ocean-14: #0c3b6c;
$ocean-15: #093460;
$ocean-16: #0b3158;

// 红色系
$red-1: #fde6e6;
$red-2: #fbd4d4;
$red-3: #f9c4c4;
$red-4: #f59999;
$red-5: #f06d6d;
$red-6: #ea4444;
$red-7: #e31a1a;
$red-8: #da0000;
$red-9: #d20000;
$red-10: #c90000;
$red-11: #bb0000;
$red-12: #ac0000;
$red-13: #9f0000;
$red-14: #910000;
$red-15: #880000;
$red-16: #6d0a0a;

// 黄色系
$yellow-1: #fff9e1;
$yellow-2: #fff9d0;
$yellow-3: #fff8bf;
$yellow-4: #fff694;
$yellow-5: #fff566;
$yellow-6: #fff333;
$yellow-7: #f9ed1a;
$yellow-8: #f8e700;
$yellow-9: #f5de00;
$yellow-10: #f1d500;
$yellow-11: #e8c300;
$yellow-12: #dfb100;
$yellow-13: #d19b00;
$yellow-14: #c38400;
$yellow-15: #b47600;
$yellow-16: #875c0a;

// 橘色系
$orange-1: #ffede1;
$orange-2: #ffe5d0;
$orange-3: #ffdcbf;
$orange-4: #ffc694;
$orange-5: #ffad66;
$orange-6: #ff9333;
$orange-7: #f9841a;
$orange-8: #f87900;
$orange-9: #f57400;
$orange-10: #ed6c00;
$orange-11: #df5d00;
$orange-12: #ff941a;
$orange-13: #d15200;
$orange-14: #c34600;
$orange-15: #b43c00;
$orange-16: #87330a;

// 绿色系
$green-1: #eef9ee;
$green-2: #e3f4e3;
$green-3: #d8f1d8;
$green-4: #bae8bc;
$green-5: #98dd99;
$green-6: #76d078;
$green-7: #62c363;
$green-8: #4eb74e;
$green-9: #48ad4a;
$green-10: #43a345;
$green-11: #3d923e;
$green-12: #368137;
$green-13: #2f7030;
$green-14: #275f29;
$green-15: #225423;
$green-16: #214721;

// 青色系
$cyan-1: #e7fbfb;
$cyan-2: #d5f4f6;
$cyan-3: #c7f4f7;
$cyan-4: #9eedf1;
$cyan-5: #6fe4e9;
$cyan-6: #3edbe2;
$cyan-7: #24cfd7;
$cyan-8: #0fc0c6;
$cyan-9: #0db5bc;
$cyan-10: #0babb3;
$cyan-11: #0a99a1;
$cyan-12: #0a868e;
$cyan-13: #09757c;
$cyan-14: #076369;
$cyan-15: #06575e;
$cyan-16: #0c4a4d;

// 紫色
$violet-1: #fce5f7;
$violet-2: #fad3f1;
$violet-3: #f8c1e9;
$violet-4: #f492dc;
$violet-5: #ee5cc9;
$violet-6: #e826b7;
$violet-7: #dd0ea5;
$violet-8: #c7008d;
$violet-9: #bc0085;
$violet-10: #b1007c;
$violet-11: #a1006d;
$violet-12: #980b60;
$violet-13: #82004f;
$violet-14: #730040;
$violet-15: #690036;
$violet-16: #5c0330;

// 粉色
$purple-1: #fce5f7;
$purple-2: #fad3f1;
$purple-3: #f8c1e9;
$purple-4: #f492dc;
$purple-5: #ee5cc9;
$purple-6: #e826b7;
$purple-7: #dd0ea5;
$purple-8: #c7008d;
$purple-9: #bc0085;
$purple-10: #b1007c;
$purple-11: #a1006d;
$purple-12: #980b60;
$purple-13: #82004f;
$purple-14: #730040;
$purple-15: #690036;
$purple-16: #5c0330;