Cores para usar

color.css

:root {
    --dark-color-ligth: #8f90a6;
    --dark-color: #555770;
    --dark-color-dark: #28293d;
    --dark-color-dark-plus: #1b1b27;
    --ligth-color-ligth: #fafafc;
    --ligth-color: #f2f2f5;
    --ligth-color-dark: #ebebf0;
    --red-color-ligth: #ff8080;
    --red-color: #ff5c5c;
    --red-color-dark: #ff3b3b;
    --green-color-ligth: #57eba1;
    --green-color: #39d98a;
    --green-color-dark: #06c270;
    --blue-color-ligth: #9dbff9;
    --blue-color: #5b8def;
    --blue-color-dark: #0063f7;
    --orange-color-ligth: #fccc75;
    --orange-color: #fdac42;
    --orange-color-dark: #ff8800;
    --yellow-color-ligth: #fded72;
    --yellow-color: #fddd48;
    --yellow-color-dark: #ffcc00;
    --teal-color-ligth: #a9eff2;
    --teal-color: #73dfe7;
    --teal-color-dark: #00cfde;
    --purple-color-ligth: #dda5e9;
    --purple-color: #ac5dd9;
    --purple-color-dark: #6600cc;
}