@maggioli-design-system/design-tokens/dist/css/colors-hex-label.css

This is the Design Token library of Maggioli Design System, here you'll find all the visual data used around the libraries.

/*
@magma-design-system/design-tokens v13.7.1
Generated by Style Dictionary
Do not edit directly
Generated at Tue, 03 Jun 2025 08:08:46 GMT
*/

:root {
  --label-amaranth-01: #3a0614;
  --label-amaranth-02: #810d2c;
  --label-amaranth-03: #9a1034;
  --label-amaranth-04: #b5133d;
  --label-amaranth-05: #d61649;
  --label-amaranth-06: #ee5980;
  --label-amaranth-07: #f6abbf;
  --label-amaranth-08: #facdd9;
  --label-amaranth-09: #fce2e8;
  --label-amaranth-10: #fef2f5;
  --label-amaranth: #ea3464;
  --label-orchid-01: #330731;
  --label-orchid-02: #73106e;
  --label-orchid-03: #891482;
  --label-orchid-04: #a2179a;
  --label-orchid-05: #c01bb8;
  --label-orchid-06: #e54add;
  --label-orchid-07: #f2a7ee;
  --label-orchid-08: #f7caf5;
  --label-orchid-09: #fbe1f9;
  --label-orchid-10: #fdf0fc;
  --label-orchid: #e33bda;
  --label-violet-01: #220456;
  --label-violet-02: #4908ba;
  --label-violet-03: #570adc;
  --label-violet-04: #6c1df5;
  --label-violet-05: #8441f7;
  --label-violet-06: #a472f9;
  --label-violet-07: #ceb3fc;
  --label-violet-08: #e1d1fd;
  --label-violet-09: #eee5fe;
  --label-violet-10: #f7f3fe;
  --label-violet: #782ff6;
  --label-blue-01: #031156;
  --label-blue-02: #0727bd;
  --label-blue-03: #082ee0;
  --label-blue-04: #1b40f6;
  --label-blue-05: #3c5cf8;
  --label-blue-06: #6d85fa;
  --label-blue-07: #b0bdfc;
  --label-blue-08: #cfd7fd;
  --label-blue-09: #e3e8fe;
  --label-blue-10: #f2f4ff;
  --label-blue: #0e36f6;
  --label-sky-01: #011c31;
  --label-sky-02: #034273;
  --label-sky-03: #044f89;
  --label-sky-04: #055ea2;
  --label-sky-05: #0570c1;
  --label-sky-06: #0890f8;
  --label-sky-07: #83c7fc;
  --label-sky-08: #b3ddfd;
  --label-sky-09: #d4ecfe;
  --label-sky-10: #ebf6fe;
  --label-sky: #4daffa;
  --label-aqua-01: #011f1c;
  --label-aqua-02: #034941;
  --label-aqua-03: #03574d;
  --label-aqua-04: #04675c;
  --label-aqua-05: #047c6d;
  --label-aqua-06: #069f8d;
  --label-aqua-07: #08d7be;
  --label-aqua-08: #09f2d6;
  --label-aqua-09: #8cfbee;
  --label-aqua-10: #d4fdf8;
  --label-aqua: #74faea;
  --label-green-01: #052001;
  --label-green-02: #0c4b03;
  --label-green-03: #0e5a04;
  --label-green-04: #116b04;
  --label-green-05: #147f05;
  --label-green-06: #1aa406;
  --label-green-07: #23de09;
  --label-green-08: #55f73e;
  --label-green-09: #affba4;
  --label-green-10: #ddfdd8;
  --label-green: #78f966;
  --label-lime-01: #161d01;
  --label-lime-02: #354602;
  --label-lime-03: #3f5402;
  --label-lime-04: #4b6402;
  --label-lime-05: #597703;
  --label-lime-06: #749a04;
  --label-lime-07: #9dd105;
  --label-lime-08: #b0eb05;
  --label-lime-09: #c7fa33;
  --label-lime-10: #eafdb4;
  --label-lime: #cffb50;
  --label-yellow-01: #201b01;
  --label-yellow-02: #4b4103;
  --label-yellow-03: #584c03;
  --label-yellow-04: #6a5b04;
  --label-yellow-05: #7f6d04;
  --label-yellow-06: #a38d06;
  --label-yellow-07: #ddbf07;
  --label-yellow-08: #f7d81b;
  --label-yellow-09: #fbea82;
  --label-yellow-10: #fdf5c5;
  --label-yellow: #f9e14e;
  --label-orange-01: #311203;
  --label-orange-02: #712a08;
  --label-orange-03: #863209;
  --label-orange-04: #a03b0b;
  --label-orange-05: #be470d;
  --label-orange-06: #ef601b;
  --label-orange-07: #f7af8d;
  --label-orange-08: #fad0bb;
  --label-orange-09: #fce4d8;
  --label-orange-10: #fef3ed;
  --label-orange: #f17032;
}

:root.pref-theme-dark {
  --label-amaranth-01: #fce2e9;
  --label-amaranth-02: #f59cb4;
  --label-amaranth-03: #f2819f;
  --label-amaranth-04: #ef6186;
  --label-amaranth-05: #ea3263;
  --label-amaranth-06: #bb1340;
  --label-amaranth-07: #740c27;
  --label-amaranth-08: #53091c;
  --label-amaranth-09: #3b0614;
  --label-amaranth-10: #23040c;
  --label-amaranth: #ea3464;
  --label-orchid-01: #fbe0f9;
  --label-orchid-02: #f096eb;
  --label-orchid-03: #ec7ae6;
  --label-orchid-04: #e653df;
  --label-orchid-05: #db1fd1;
  --label-orchid-06: #a818a0;
  --label-orchid-07: #670f62;
  --label-orchid-08: #490a46;
  --label-orchid-09: #330731;
  --label-orchid-10: #20051e;
  --label-orchid: #e33bda;
  --label-violet-01: #eee5fe;
  --label-violet-02: #c6a6fb;
  --label-violet-03: #b791fa;
  --label-violet-04: #a878f9;
  --label-violet-05: #955bf8;
  --label-violet-06: #7125f6;
  --label-violet-07: #4207a7;
  --label-violet-08: #30057a;
  --label-violet-09: #230458;
  --label-violet-10: #150236;
  --label-violet: #782ff6;
  --label-blue-01: #e3e8fe;
  --label-blue-02: #a2b1fc;
  --label-blue-03: #8b9ffb;
  --label-blue-04: #7289fa;
  --label-blue-05: #5571f9;
  --label-blue-06: #2246f7;
  --label-blue-07: #0623aa;
  --label-blue-08: #05197a;
  --label-blue-09: #031155;
  --label-blue-10: #020b36;
  --label-blue: #0e36f6;
  --label-sky-01: #d4ecfe;
  --label-sky-02: #6bbdfb;
  --label-sky-03: #44abfa;
  --label-sky-04: #1495f8;
  --label-sky-05: #0680dc;
  --label-sky-06: #0561a8;
  --label-sky-07: #033b67;
  --label-sky-08: #022a49;
  --label-sky-09: #011e33;
  --label-sky-10: #01111e;
  --label-sky: #4daffa;
  --label-aqua-01: #90fbee;
  --label-aqua-02: #07cbb4;
  --label-aqua-03: #07b8a3;
  --label-aqua-04: #06a391;
  --label-aqua-05: #058d7d;
  --label-aqua-06: #046b5f;
  --label-aqua-07: #02413a;
  --label-aqua-08: #022e28;
  --label-aqua-09: #01201c;
  --label-aqua-10: #011210;
  --label-aqua: #74faea;
  --label-green-01: #b0fba6;
  --label-green-02: #21d208;
  --label-green-03: #1ebe07;
  --label-green-04: #1ba907;
  --label-green-05: #179106;
  --label-green-06: #116f04;
  --label-green-07: #0b4303;
  --label-green-08: #072f02;
  --label-green-09: #052101;
  --label-green-10: #031301;
  --label-green: #78f966;
  --label-lime-01: #c9fa39;
  --label-lime-02: #94c505;
  --label-lime-03: #86b304;
  --label-lime-04: #779e04;
  --label-lime-05: #668903;
  --label-lime-06: #4e6802;
  --label-lime-07: #2f3f01;
  --label-lime-08: #212c01;
  --label-lime-09: #171f01;
  --label-lime-10: #0d1100;
  --label-lime: #cffb50;
  --label-yellow-01: #fbea86;
  --label-yellow-02: #d1b407;
  --label-yellow-03: #bda306;
  --label-yellow-04: #a89106;
  --label-yellow-05: #917d05;
  --label-yellow-06: #6e5f04;
  --label-yellow-07: #423902;
  --label-yellow-08: #2e2802;
  --label-yellow-09: #201b01;
  --label-yellow-10: #110f01;
  --label-yellow: #f9e14e;
  --label-orange-01: #fce4d8;
  --label-orange-02: #f6a178;
  --label-orange-03: #f38854;
  --label-orange-04: #f06826;
  --label-orange-05: #d9510f;
  --label-orange-06: #a63d0b;
  --label-orange-07: #652607;
  --label-orange-08: #471a05;
  --label-orange-09: #321303;
  --label-orange-10: #1b0a02;
  --label-orange: #f17032;
}

@media (prefers-color-scheme: dark) {
  :root.pref-theme-system {
    --label-amaranth-01: #fce2e9;
    --label-amaranth-02: #f59cb4;
    --label-amaranth-03: #f2819f;
    --label-amaranth-04: #ef6186;
    --label-amaranth-05: #ea3263;
    --label-amaranth-06: #bb1340;
    --label-amaranth-07: #740c27;
    --label-amaranth-08: #53091c;
    --label-amaranth-09: #3b0614;
    --label-amaranth-10: #23040c;
    --label-amaranth: #ea3464;
    --label-orchid-01: #fbe0f9;
    --label-orchid-02: #f096eb;
    --label-orchid-03: #ec7ae6;
    --label-orchid-04: #e653df;
    --label-orchid-05: #db1fd1;
    --label-orchid-06: #a818a0;
    --label-orchid-07: #670f62;
    --label-orchid-08: #490a46;
    --label-orchid-09: #330731;
    --label-orchid-10: #20051e;
    --label-orchid: #e33bda;
    --label-violet-01: #eee5fe;
    --label-violet-02: #c6a6fb;
    --label-violet-03: #b791fa;
    --label-violet-04: #a878f9;
    --label-violet-05: #955bf8;
    --label-violet-06: #7125f6;
    --label-violet-07: #4207a7;
    --label-violet-08: #30057a;
    --label-violet-09: #230458;
    --label-violet-10: #150236;
    --label-violet: #782ff6;
    --label-blue-01: #e3e8fe;
    --label-blue-02: #a2b1fc;
    --label-blue-03: #8b9ffb;
    --label-blue-04: #7289fa;
    --label-blue-05: #5571f9;
    --label-blue-06: #2246f7;
    --label-blue-07: #0623aa;
    --label-blue-08: #05197a;
    --label-blue-09: #031155;
    --label-blue-10: #020b36;
    --label-blue: #0e36f6;
    --label-sky-01: #d4ecfe;
    --label-sky-02: #6bbdfb;
    --label-sky-03: #44abfa;
    --label-sky-04: #1495f8;
    --label-sky-05: #0680dc;
    --label-sky-06: #0561a8;
    --label-sky-07: #033b67;
    --label-sky-08: #022a49;
    --label-sky-09: #011e33;
    --label-sky-10: #01111e;
    --label-sky: #4daffa;
    --label-aqua-01: #90fbee;
    --label-aqua-02: #07cbb4;
    --label-aqua-03: #07b8a3;
    --label-aqua-04: #06a391;
    --label-aqua-05: #058d7d;
    --label-aqua-06: #046b5f;
    --label-aqua-07: #02413a;
    --label-aqua-08: #022e28;
    --label-aqua-09: #01201c;
    --label-aqua-10: #011210;
    --label-aqua: #74faea;
    --label-green-01: #b0fba6;
    --label-green-02: #21d208;
    --label-green-03: #1ebe07;
    --label-green-04: #1ba907;
    --label-green-05: #179106;
    --label-green-06: #116f04;
    --label-green-07: #0b4303;
    --label-green-08: #072f02;
    --label-green-09: #052101;
    --label-green-10: #031301;
    --label-green: #78f966;
    --label-lime-01: #c9fa39;
    --label-lime-02: #94c505;
    --label-lime-03: #86b304;
    --label-lime-04: #779e04;
    --label-lime-05: #668903;
    --label-lime-06: #4e6802;
    --label-lime-07: #2f3f01;
    --label-lime-08: #212c01;
    --label-lime-09: #171f01;
    --label-lime-10: #0d1100;
    --label-lime: #cffb50;
    --label-yellow-01: #fbea86;
    --label-yellow-02: #d1b407;
    --label-yellow-03: #bda306;
    --label-yellow-04: #a89106;
    --label-yellow-05: #917d05;
    --label-yellow-06: #6e5f04;
    --label-yellow-07: #423902;
    --label-yellow-08: #2e2802;
    --label-yellow-09: #201b01;
    --label-yellow-10: #110f01;
    --label-yellow: #f9e14e;
    --label-orange-01: #fce4d8;
    --label-orange-02: #f6a178;
    --label-orange-03: #f38854;
    --label-orange-04: #f06826;
    --label-orange-05: #d9510f;
    --label-orange-06: #a63d0b;
    --label-orange-07: #652607;
    --label-orange-08: #471a05;
    --label-orange-09: #321303;
    --label-orange-10: #1b0a02;
    --label-orange: #f17032;
  }
}