@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 v14.1.0
Generated by Style Dictionary
Do not edit directly
Generated at Mon, 08 Jun 2026 14:52:24 GMT
*/

:root {
  --hex-label-red-01: #480909;
  --hex-label-red-02: #690e0e;
  --hex-label-red-03: #911313;
  --hex-label-red-04: #c31919;
  --hex-label-red-05: #e64242;
  --hex-label-red-06: #f08e8e;
  --hex-label-red-07: #f4adad;
  --hex-label-red-08: #f8c9c9;
  --hex-label-red-09: #fbe2e2;
  --hex-label-red-10: #fceaea;
  --hex-label-red: #d01b1b;
  --hex-label-amaranth-01: #480410;
  --hex-label-amaranth-02: #6a0617;
  --hex-label-amaranth-03: #920820;
  --hex-label-amaranth-04: #c40b2b;
  --hex-label-amaranth-05: #f22548;
  --hex-label-amaranth-06: #f8879b;
  --hex-label-amaranth-07: #faaab7;
  --hex-label-amaranth-08: #fcc5cf;
  --hex-label-amaranth-09: #fde1e6;
  --hex-label-amaranth-10: #fee9ed;
  --hex-label-amaranth: #f43f5e;
  --hex-label-orchid-01: #460727;
  --hex-label-orchid-02: #660b38;
  --hex-label-orchid-03: #8e0f4d;
  --hex-label-orchid-04: #be1468;
  --hex-label-orchid-05: #e92c89;
  --hex-label-orchid-06: #f286bc;
  --hex-label-orchid-07: #f6a9cf;
  --hex-label-orchid-08: #f9c5df;
  --hex-label-orchid-09: #fce1ef;
  --hex-label-orchid-10: #fde9f3;
  --hex-label-orchid: #ec4899;
  --hex-label-purple-01: #31045c;
  --hex-label-purple-02: #480687;
  --hex-label-purple-03: #6409bc;
  --hex-label-purple-04: #8919f4;
  --hex-label-purple-05: #a856f7;
  --hex-label-purple-06: #c792fa;
  --hex-label-purple-07: #d7b0fb;
  --hex-label-purple-08: #e4cafc;
  --hex-label-purple-09: #f1e4fe;
  --hex-label-purple-10: #f5eafe;
  --hex-label-purple: #a855f7;
  --hex-label-violet-01: #240668;
  --hex-label-violet-02: #340899;
  --hex-label-violet-03: #490cd3;
  --hex-label-violet-04: #7239f4;
  --hex-label-violet-05: #9164f6;
  --hex-label-violet-06: #b799f9;
  --hex-label-violet-07: #cab5fb;
  --hex-label-violet-08: #dbcdfc;
  --hex-label-violet-09: #ece4fe;
  --hex-label-violet-10: #f1ecfe;
  --hex-label-violet: #8b5cf6;
  --hex-label-blue-01: #04156a;
  --hex-label-blue-02: #061f9a;
  --hex-label-blue-03: #082bd5;
  --hex-label-blue-04: #2e51f7;
  --hex-label-blue-05: #5a75f9;
  --hex-label-blue-06: #92a4fb;
  --hex-label-blue-07: #afbdfc;
  --hex-label-blue-08: #c8d2fd;
  --hex-label-blue-09: #e3e7fe;
  --hex-label-blue-10: #eaeefe;
  --hex-label-blue: #0e36f6;
  --hex-label-sky-01: #032839;
  --hex-label-sky-02: #053b53;
  --hex-label-sky-03: #075173;
  --hex-label-sky-04: #096d9b;
  --hex-label-sky-05: #0c88c1;
  --hex-label-sky-06: #28b4f2;
  --hex-label-sky-07: #6acbf6;
  --hex-label-sky-08: #9ddcf9;
  --hex-label-sky-09: #cdedfc;
  --hex-label-sky-10: #dbf2fd;
  --hex-label-sky: #0ea5e9;
  --hex-label-aqua-01: #012930;
  --hex-label-aqua-02: #023d46;
  --hex-label-aqua-03: #035462;
  --hex-label-aqua-04: #047183;
  --hex-label-aqua-05: #058da5;
  --hex-label-aqua-06: #06b8d7;
  --hex-label-aqua-07: #07d0f3;
  --hex-label-aqua-08: #63e5fb;
  --hex-label-aqua-09: #b5f2fd;
  --hex-label-aqua-10: #cbf6fe;
  --hex-label-aqua: #06b6d4;
  --hex-label-green-01: #082b15;
  --hex-label-green-02: #0b3f1e;
  --hex-label-green-03: #0f582a;
  --hex-label-green-04: #147739;
  --hex-label-green-05: #1a9447;
  --hex-label-green-06: #21c15c;
  --hex-label-green-07: #2cda6c;
  --hex-label-green-08: #7de8a4;
  --hex-label-green-09: #c1f4d4;
  --hex-label-green-10: #d3f7e1;
  --hex-label-green: #22c55e;
  --hex-label-lime-01: #1b2a05;
  --hex-label-lime-02: #283d07;
  --hex-label-lime-03: #375509;
  --hex-label-lime-04: #4a720c;
  --hex-label-lime-05: #5d8f0f;
  --hex-label-lime-06: #79bb14;
  --hex-label-lime-07: #89d317;
  --hex-label-lime-08: #9fe82e;
  --hex-label-lime-09: #d1f49c;
  --hex-label-lime-10: #dff7b9;
  --hex-label-lime: #84cc16;
  --hex-label-yellow-01: #302402;
  --hex-label-yellow-02: #463602;
  --hex-label-yellow-03: #604a03;
  --hex-label-yellow-04: #816304;
  --hex-label-yellow-05: #a17c06;
  --hex-label-yellow-06: #d3a207;
  --hex-label-yellow-07: #efb708;
  --hex-label-yellow-08: #f9cf4e;
  --hex-label-yellow-09: #fce7a8;
  --hex-label-yellow-10: #fdeebf;
  --hex-label-yellow: #eab308;
  --hex-label-orange-01: #3e1b02;
  --hex-label-orange-02: #5b2702;
  --hex-label-orange-03: #7f3603;
  --hex-label-orange-04: #ab4804;
  --hex-label-orange-05: #d55a05;
  --hex-label-orange-06: #fa8c40;
  --hex-label-orange-07: #fcae79;
  --hex-label-orange-08: #fdc9a6;
  --hex-label-orange-09: #fee4d1;
  --hex-label-orange-10: #feebdf;
  --hex-label-orange: #f97316;
}

:root:not(.pref-theme-scheme-light).pref-theme-dark,
:root.pref-theme-scheme-dark {
  --hex-label-red-01: #fef3f3;
  --hex-label-red-02: #fceaea;
  --hex-label-red-03: #fadada;
  --hex-label-red-04: #f7c3c3;
  --hex-label-red-05: #f4a7a7;
  --hex-label-red-06: #ec6e6e;
  --hex-label-red-07: #e53838;
  --hex-label-red-08: #c01919;
  --hex-label-red-09: #861111;
  --hex-label-red-10: #730f0f;
  --hex-label-red: #d01b1b;
  --hex-label-amaranth-01: #fef3f5;
  --hex-label-amaranth-02: #fee9ed;
  --hex-label-amaranth-03: #fdd9df;
  --hex-label-amaranth-04: #fbc0cb;
  --hex-label-amaranth-05: #faa3b2;
  --hex-label-amaranth-06: #f6637d;
  --hex-label-amaranth-07: #ef0e34;
  --hex-label-amaranth-08: #c10b2a;
  --hex-label-amaranth-09: #87081e;
  --hex-label-amaranth-10: #720719;
  --hex-label-amaranth: #f43f5e;
  --hex-label-orchid-01: #fef3f9;
  --hex-label-orchid-02: #fde9f3;
  --hex-label-orchid-03: #fbd8ea;
  --hex-label-orchid-04: #f8c0dc;
  --hex-label-orchid-05: #f5a3cb;
  --hex-label-orchid-06: #ef63a8;
  --hex-label-orchid-07: #e71c81;
  --hex-label-orchid-08: #bb1366;
  --hex-label-orchid-09: #830e47;
  --hex-label-orchid-10: #6f0c3d;
  --hex-label-orchid: #ec4899;
  --hex-label-purple-01: #faf4fe;
  --hex-label-purple-02: #f5eafe;
  --hex-label-purple-03: #eddbfd;
  --hex-label-purple-04: #e1c4fc;
  --hex-label-purple-05: #d4aafb;
  --hex-label-purple-06: #ba77f9;
  --hex-label-purple-07: #a54ff7;
  --hex-label-purple-08: #8511f4;
  --hex-label-purple-09: #5c08ad;
  --hex-label-purple-10: #4e0792;
  --hex-label-purple: #a855f7;
  --hex-label-violet-01: #f8f4fe;
  --hex-label-violet-02: #f1ebfe;
  --hex-label-violet-03: #e7ddfd;
  --hex-label-violet-04: #d8c8fc;
  --hex-label-violet-05: #c6affb;
  --hex-label-violet-06: #a681f8;
  --hex-label-violet-07: #8d5ff6;
  --hex-label-violet-08: #6f35f4;
  --hex-label-violet-09: #430bc3;
  --hex-label-violet-10: #3909a5;
  --hex-label-violet: #8b5cf6;
  --hex-label-blue-01: #f4f5ff;
  --hex-label-blue-02: #eaeefe;
  --hex-label-blue-03: #dae0fe;
  --hex-label-blue-04: #c4cefd;
  --hex-label-blue-05: #aab8fc;
  --hex-label-blue-06: #798ffa;
  --hex-label-blue-07: #5571f9;
  --hex-label-blue-08: #2a4df7;
  --hex-label-blue-09: #0728c4;
  --hex-label-blue-10: #0622a6;
  --hex-label-blue: #0e36f6;
  --hex-label-sky-01: #ecf8fe;
  --hex-label-sky-02: #dbf2fd;
  --hex-label-sky-03: #bfe8fb;
  --hex-label-sky-04: #94d9f9;
  --hex-label-sky-05: #5ec6f5;
  --hex-label-sky-06: #0d9ee0;
  --hex-label-sky-07: #0b85bc;
  --hex-label-sky-08: #096b98;
  --hex-label-sky-09: #064c6b;
  --hex-label-sky-10: #053f5a;
  --hex-label-sky: #0ea5e9;
  --hex-label-aqua-01: #e5fbfe;
  --hex-label-aqua-02: #cbf6fe;
  --hex-label-aqua-03: #9eeefc;
  --hex-label-aqua-04: #51e1fa;
  --hex-label-aqua-05: #07cbed;
  --hex-label-aqua-06: #05a3be;
  --hex-label-aqua-07: #0589a0;
  --hex-label-aqua-08: #046e81;
  --hex-label-aqua-09: #034d5a;
  --hex-label-aqua-10: #02414c;
  --hex-label-aqua: #06b6d4;
  --hex-label-green-01: #e7fbef;
  --hex-label-green-02: #d3f7e0;
  --hex-label-green-03: #adf1c6;
  --hex-label-green-04: #71e69c;
  --hex-label-green-05: #25d566;
  --hex-label-green-06: #1eab52;
  --hex-label-green-07: #199145;
  --hex-label-green-08: #147438;
  --hex-label-green-09: #0e5127;
  --hex-label-green-10: #0c4421;
  --hex-label-green: #22c55e;
  --hex-label-lime-01: #eefbd9;
  --hex-label-lime-02: #dff7b9;
  --hex-label-lime-03: #c1f17a;
  --hex-label-lime-04: #94e519;
  --hex-label-lime-05: #86cf16;
  --hex-label-lime-06: #6ca712;
  --hex-label-lime-07: #5a8b0f;
  --hex-label-lime-08: #49700c;
  --hex-label-lime-09: #334f08;
  --hex-label-lime-10: #2b4207;
  --hex-label-lime: #84cc16;
  --hex-label-yellow-01: #fef6dd;
  --hex-label-yellow-02: #fdeebe;
  --hex-label-yellow-03: #fbe08e;
  --hex-label-yellow-04: #f8ca3c;
  --hex-label-yellow-05: #eab308;
  --hex-label-yellow-06: #bc8f06;
  --hex-label-yellow-07: #9e7805;
  --hex-label-yellow-08: #7f6104;
  --hex-label-yellow-09: #594403;
  --hex-label-yellow-10: #4b3903;
  --hex-label-yellow: #eab308;
  --hex-label-orange-01: #fff4ed;
  --hex-label-orange-02: #feebde;
  --hex-label-orange-03: #fddbc4;
  --hex-label-orange-04: #fcc49e;
  --hex-label-orange-05: #fba86f;
  --hex-label-orange-06: #f76906;
  --hex-label-orange-07: #d05805;
  --hex-label-orange-08: #a74704;
  --hex-label-orange-09: #743103;
  --hex-label-orange-10: #632a03;
  --hex-label-orange: #f97316;
}

@media (prefers-color-scheme: dark) {
  :root:not(.pref-theme-scheme-light).pref-theme-system,
  :root:not([data-magma-pref]) {
    --hex-label-red-01: #fef3f3;
    --hex-label-red-02: #fceaea;
    --hex-label-red-03: #fadada;
    --hex-label-red-04: #f7c3c3;
    --hex-label-red-05: #f4a7a7;
    --hex-label-red-06: #ec6e6e;
    --hex-label-red-07: #e53838;
    --hex-label-red-08: #c01919;
    --hex-label-red-09: #861111;
    --hex-label-red-10: #730f0f;
    --hex-label-red: #d01b1b;
    --hex-label-amaranth-01: #fef3f5;
    --hex-label-amaranth-02: #fee9ed;
    --hex-label-amaranth-03: #fdd9df;
    --hex-label-amaranth-04: #fbc0cb;
    --hex-label-amaranth-05: #faa3b2;
    --hex-label-amaranth-06: #f6637d;
    --hex-label-amaranth-07: #ef0e34;
    --hex-label-amaranth-08: #c10b2a;
    --hex-label-amaranth-09: #87081e;
    --hex-label-amaranth-10: #720719;
    --hex-label-amaranth: #f43f5e;
    --hex-label-orchid-01: #fef3f9;
    --hex-label-orchid-02: #fde9f3;
    --hex-label-orchid-03: #fbd8ea;
    --hex-label-orchid-04: #f8c0dc;
    --hex-label-orchid-05: #f5a3cb;
    --hex-label-orchid-06: #ef63a8;
    --hex-label-orchid-07: #e71c81;
    --hex-label-orchid-08: #bb1366;
    --hex-label-orchid-09: #830e47;
    --hex-label-orchid-10: #6f0c3d;
    --hex-label-orchid: #ec4899;
    --hex-label-purple-01: #faf4fe;
    --hex-label-purple-02: #f5eafe;
    --hex-label-purple-03: #eddbfd;
    --hex-label-purple-04: #e1c4fc;
    --hex-label-purple-05: #d4aafb;
    --hex-label-purple-06: #ba77f9;
    --hex-label-purple-07: #a54ff7;
    --hex-label-purple-08: #8511f4;
    --hex-label-purple-09: #5c08ad;
    --hex-label-purple-10: #4e0792;
    --hex-label-purple: #a855f7;
    --hex-label-violet-01: #f8f4fe;
    --hex-label-violet-02: #f1ebfe;
    --hex-label-violet-03: #e7ddfd;
    --hex-label-violet-04: #d8c8fc;
    --hex-label-violet-05: #c6affb;
    --hex-label-violet-06: #a681f8;
    --hex-label-violet-07: #8d5ff6;
    --hex-label-violet-08: #6f35f4;
    --hex-label-violet-09: #430bc3;
    --hex-label-violet-10: #3909a5;
    --hex-label-violet: #8b5cf6;
    --hex-label-blue-01: #f4f5ff;
    --hex-label-blue-02: #eaeefe;
    --hex-label-blue-03: #dae0fe;
    --hex-label-blue-04: #c4cefd;
    --hex-label-blue-05: #aab8fc;
    --hex-label-blue-06: #798ffa;
    --hex-label-blue-07: #5571f9;
    --hex-label-blue-08: #2a4df7;
    --hex-label-blue-09: #0728c4;
    --hex-label-blue-10: #0622a6;
    --hex-label-blue: #0e36f6;
    --hex-label-sky-01: #ecf8fe;
    --hex-label-sky-02: #dbf2fd;
    --hex-label-sky-03: #bfe8fb;
    --hex-label-sky-04: #94d9f9;
    --hex-label-sky-05: #5ec6f5;
    --hex-label-sky-06: #0d9ee0;
    --hex-label-sky-07: #0b85bc;
    --hex-label-sky-08: #096b98;
    --hex-label-sky-09: #064c6b;
    --hex-label-sky-10: #053f5a;
    --hex-label-sky: #0ea5e9;
    --hex-label-aqua-01: #e5fbfe;
    --hex-label-aqua-02: #cbf6fe;
    --hex-label-aqua-03: #9eeefc;
    --hex-label-aqua-04: #51e1fa;
    --hex-label-aqua-05: #07cbed;
    --hex-label-aqua-06: #05a3be;
    --hex-label-aqua-07: #0589a0;
    --hex-label-aqua-08: #046e81;
    --hex-label-aqua-09: #034d5a;
    --hex-label-aqua-10: #02414c;
    --hex-label-aqua: #06b6d4;
    --hex-label-green-01: #e7fbef;
    --hex-label-green-02: #d3f7e0;
    --hex-label-green-03: #adf1c6;
    --hex-label-green-04: #71e69c;
    --hex-label-green-05: #25d566;
    --hex-label-green-06: #1eab52;
    --hex-label-green-07: #199145;
    --hex-label-green-08: #147438;
    --hex-label-green-09: #0e5127;
    --hex-label-green-10: #0c4421;
    --hex-label-green: #22c55e;
    --hex-label-lime-01: #eefbd9;
    --hex-label-lime-02: #dff7b9;
    --hex-label-lime-03: #c1f17a;
    --hex-label-lime-04: #94e519;
    --hex-label-lime-05: #86cf16;
    --hex-label-lime-06: #6ca712;
    --hex-label-lime-07: #5a8b0f;
    --hex-label-lime-08: #49700c;
    --hex-label-lime-09: #334f08;
    --hex-label-lime-10: #2b4207;
    --hex-label-lime: #84cc16;
    --hex-label-yellow-01: #fef6dd;
    --hex-label-yellow-02: #fdeebe;
    --hex-label-yellow-03: #fbe08e;
    --hex-label-yellow-04: #f8ca3c;
    --hex-label-yellow-05: #eab308;
    --hex-label-yellow-06: #bc8f06;
    --hex-label-yellow-07: #9e7805;
    --hex-label-yellow-08: #7f6104;
    --hex-label-yellow-09: #594403;
    --hex-label-yellow-10: #4b3903;
    --hex-label-yellow: #eab308;
    --hex-label-orange-01: #fff4ed;
    --hex-label-orange-02: #feebde;
    --hex-label-orange-03: #fddbc4;
    --hex-label-orange-04: #fcc49e;
    --hex-label-orange-05: #fba86f;
    --hex-label-orange-06: #f76906;
    --hex-label-orange-07: #d05805;
    --hex-label-orange-08: #a74704;
    --hex-label-orange-09: #743103;
    --hex-label-orange-10: #632a03;
    --hex-label-orange: #f97316;
  }
}