diff --git a/src/base/colors/_blue-france.scss b/src/base/colors/_blue-france.scss
new file mode 100644
index 0000000..9fbb36a
--- /dev/null
+++ b/src/base/colors/_blue-france.scss
@@ -0,0 +1,36 @@
+$blue-france-sun-113: #000091FF;
+$blue-france-sun-113-hover: #1212FFFF;
+$blue-france-sun-113-active: #2323FFFF;
+$blue-france-main-525: #6A6AF4FF;
+$blue-france-main-525-hover: #9898F8FF;
+$blue-france-main-525-active: #AEAEF9FF;
+$blue-france-850: #CACAFBFF;
+$blue-france-850-hover: #A1A1F8FF;
+$blue-france-850-active: #8B8BF6FF;
+$blue-france-925: #E3E3FDFF;
+$blue-france-925-hover: #C1C1FBFF;
+$blue-france-925-active: #ADADF9FF;
+$blue-france-950: #ECECFEFF;
+$blue-france-950-hover: #CECEFCFF;
+$blue-france-950-active: #BBBBFCFF;
+$blue-france-975: #F5F5FEFF;
+$blue-france-975-hover: #DCDCFCFF;
+$blue-france-975-active: #CBCBFAFF;
+$blue-france-113: #000091FF;
+$blue-france-113-hover: #1212FFFF;
+$blue-france-113-active: #2323FFFF;
+$blue-france-75: #1B1B35FF;
+$blue-france-75-hover: #3A3A68FF;
+$blue-france-75-active: #4D4D83FF;
+$blue-france-100: #21213FFF;
+$blue-france-100-hover: #424275FF;
+$blue-france-100-active: #56568CFF;
+$blue-france-125: #272747FF;
+$blue-france-125-hover: #4A4A7DFF;
+$blue-france-125-active: #5E5E90FF;
+$blue-france-200: #313178FF;
+$blue-france-200-hover: #5757ADFF;
+$blue-france-200-active: #6C6CBBFF;
+$blue-france-625: #8585F6FF;
+$blue-france-625-hover: #B1B1F9FF;
+$blue-france-625-active: #C6C6FBFF;
diff --git a/src/base/colors/_error.scss b/src/base/colors/_error.scss
new file mode 100644
index 0000000..5692375
--- /dev/null
+++ b/src/base/colors/_error.scss
@@ -0,0 +1,12 @@
+$error-425: #CE0500FF;
+$error-425-hover: #FF2725FF;
+$error-425-active: #FF4140FF;
+$error-950: #FFE9E9FF;
+$error-950-hover: #FFC5C5FF;
+$error-950-active: #FFAFAFFF;
+$error-625: #FF5655FF;
+$error-625-hover: #FF8C8CFF;
+$error-625-active: #FFA6A6FF;
+$error-100: #391C1CFF;
+$error-100-hover: #6C3A3AFF;
+$error-100-active: #894B4BFF;
diff --git a/src/base/colors/_focus.scss b/src/base/colors/_focus.scss
new file mode 100644
index 0000000..606d698
--- /dev/null
+++ b/src/base/colors/_focus.scss
@@ -0,0 +1 @@
+$focus-525: #0A76F6FF;
\ No newline at end of file
diff --git a/src/base/colors/_gradient.scss b/src/base/colors/_gradient.scss
new file mode 100644
index 0000000..2ab1e13
--- /dev/null
+++ b/src/base/colors/_gradient.scss
@@ -0,0 +1,3 @@
+$gradient-0: #1e1e1e00;
+$gradient-50: #00000032;
+$gradient-100: #000000ff;
\ No newline at end of file
diff --git a/src/base/colors/_grey.scss b/src/base/colors/_grey.scss
new file mode 100644
index 0000000..094f965
--- /dev/null
+++ b/src/base/colors/_grey.scss
@@ -0,0 +1,43 @@
+$grey-50: #161616FF;
+$grey-50-hover: #343434FF;
+$grey-50-active: #474747FF;
+$grey-200: #3A3A3AFF;
+$grey-200-hover: #616161FF;
+$grey-200-active: #777777FF;
+$grey-425: #666666FF;
+$grey-425-hover: #919191FF;
+$grey-425-active: #A6A6A6FF;
+$grey-625: #929292FF;
+$grey-625-hover: #BBBBBBFF;
+$grey-625-active: #CECECEFF;
+$grey-850: #CECECEFF;
+$grey-850-hover: #A8A8A8FF;
+$grey-850-active: #939393FF;
+$grey-900: #DDDDDDFF;
+$grey-900-hover: #BBBBBBFF;
+$grey-900-active: #A7A7A7FF;
+$grey-925: #E5E5E5FF;
+$grey-925-hover: #C5C5C5FF;
+$grey-925-active: #B2B2B2FF;
+$grey-950: #EEEEEEFF;
+$grey-950-hover: #D2D2D2FF;
+$grey-950-active: #C1C1C1FF;
+$grey-975: #F6F6F6FF;
+$grey-975-hover: #DFDFDFFF;
+$grey-975-active: #CFCFCFFF;
+$grey-1000: #FFFFFFFF;
+$grey-1000-hover: #F6F6F6FF;
+$grey-1000-active: #EDEDEDFF;
+$grey-175: #353535FF;
+$grey-175-hover: #5C5C5CFF;
+$grey-175-active: #717171FF;
+$grey-125: #2A2A2AFF;
+$grey-125-hover: #4E4E4EFF;
+$grey-125-active: #636363FF;
+$grey-100: #242424FF;
+$grey-100-hover: #474747FF;
+$grey-100-active: #5B5B5BFF;
+$grey-75: #1E1E1EFF;
+$grey-75-hover: #3F3F3FFF;
+$grey-75-active: #525252FF;
+$grey-150: #2F2F2FFF;
diff --git a/src/base/colors/_info.scss b/src/base/colors/_info.scss
new file mode 100644
index 0000000..4593e9e
--- /dev/null
+++ b/src/base/colors/_info.scss
@@ -0,0 +1,12 @@
+$info-425: #0063CBFF;
+$info-425-hover: #3B87FFFF;
+$info-425-active: #6798FFFF;
+$info-950: #E8EDFFFF;
+$info-950-hover: #C2D1FFFF;
+$info-950-active: #A9BFFFFF;
+$info-625: #518FFFFF;
+$info-625-hover: #98B4FFFF;
+$info-625-active: #B4C7FFFF;
+$info-100: #1D2437FF;
+$info-100-hover: #3B4767FF;
+$info-100-active: #4C5B83FF;
\ No newline at end of file
diff --git a/src/base/colors/_purple-glycine.scss b/src/base/colors/_purple-glycine.scss
new file mode 100644
index 0000000..a9c2321
--- /dev/null
+++ b/src/base/colors/_purple-glycine.scss
@@ -0,0 +1,33 @@
+$purple-glycine-main-494: #A558A0FF;
+$purple-glycine-main-494-hover: #D282CDFF;
+$purple-glycine-main-494-active: #DB9CD6FF;
+$purple-glycine-sun-319: #6E445AFF;
+$purple-glycine-sun-319-hover: #A66989FF;
+$purple-glycine-sun-319-active: #BB7F9EFF;
+$purple-glycine-moon-630: #CE70CCFF;
+$purple-glycine-moon-630-hover: #DFA4DDFF;
+$purple-glycine-moon-630-active: #E7BBE6FF;
+$purple-glycine-850: #FBB8F6FF;
+$purple-glycine-850-hover: #F983F1FF;
+$purple-glycine-850-active: #F767EFFF;
+$purple-glycine-200: #502E4DFF;
+$purple-glycine-200-hover: #855080FF;
+$purple-glycine-200-active: #A1629CFF;
+$purple-glycine-925: #FDDBFAFF;
+$purple-glycine-925-hover: #FBAFF5FF;
+$purple-glycine-925-active: #FA96F2FF;
+$purple-glycine-125: #332632FF;
+$purple-glycine-125-hover: #5D485CFF;
+$purple-glycine-125-active: #755B73FF;
+$purple-glycine-950: #FEE7FCFF;
+$purple-glycine-950-hover: #FDC0F8FF;
+$purple-glycine-950-active: #FCA8F6FF;
+$purple-glycine-100: #2C202BFF;
+$purple-glycine-100-hover: #554053FF;
+$purple-glycine-100-active: #6C536AFF;
+$purple-glycine-975: #FEF3FDFF;
+$purple-glycine-975-hover: #FCD4F8FF;
+$purple-glycine-975-active: #FABFF5FF;
+$purple-glycine-75: #251A24FF;
+$purple-glycine-75-hover: #4C394AFF;
+$purple-glycine-75-active: #634A60FF;
\ No newline at end of file
diff --git a/src/base/colors/_red-marianne.scss b/src/base/colors/_red-marianne.scss
new file mode 100644
index 0000000..be6791a
--- /dev/null
+++ b/src/base/colors/_red-marianne.scss
@@ -0,0 +1,33 @@
+$red-marianne-472: #E1000FFF;
+$red-marianne-472-hover: #FF292FFF;
+$red-marianne-472-active: #FF4347FF;
+$red-marianne-850: #FCBFBFFF;
+$red-marianne-850-hover: #FB8F8FFF;
+$red-marianne-850-active: #FA7474FF;
+$red-marianne-200: #5E2A2BFF;
+$red-marianne-200-hover: #9C4A4CFF;
+$red-marianne-200-active: #BE5C5EFF;
+$red-marianne-425: #C9191EFF;
+$red-marianne-425-hover: #F93F42FF;
+$red-marianne-425-active: #F95A5CFF;
+$red-marianne-625: #F95C5EFF;
+$red-marianne-625-hover: #FA9293FF;
+$red-marianne-625-active: #FBABACFF;
+$red-marianne-925: #FDDEDEFF;
+$red-marianne-925-hover: #FBB6B6FF;
+$red-marianne-925-active: #FA9E9EFF;
+$red-marianne-125: #3B2424FF;
+$red-marianne-125-hover: #6B4545FF;
+$red-marianne-125-active: #865757FF;
+$red-marianne-950: #FEE9E9FF;
+$red-marianne-950-hover: #FDC5C5FF;
+$red-marianne-950-active: #FCAFAFFF;
+$red-marianne-100: #331F1FFF;
+$red-marianne-100-hover: #613F3FFF;
+$red-marianne-100-active: #7B5151FF;
+$red-marianne-975: #FEF4F4FF;
+$red-marianne-975-hover: #FCD7D7FF;
+$red-marianne-975-active: #FAC4C4FF;
+$red-marianne-75: #2B1919FF;
+$red-marianne-75-hover: #573737FF;
+$red-marianne-75-active: #704848FF;
diff --git a/src/base/colors/_success.scss b/src/base/colors/_success.scss
new file mode 100644
index 0000000..59b353e
--- /dev/null
+++ b/src/base/colors/_success.scss
@@ -0,0 +1,12 @@
+$success-425: #18753CFF;
+$success-425-hover: #27A959FF;
+$success-425-active: #2FC368FF;
+$success-950: #B8FEC9FF;
+$success-950-hover: #46FD89FF;
+$success-950-active: #34EB7BFF;
+$success-625: #27A658FF;
+$success-625-hover: #36D975FF;
+$success-625-active: #3DF183FF;
+$success-100: #19271DFF;
+$success-100-hover: #344C3BFF;
+$success-100-active: #44624DFF;
\ No newline at end of file
diff --git a/src/base/colors/_warning.scss b/src/base/colors/_warning.scss
new file mode 100644
index 0000000..d1614d5
--- /dev/null
+++ b/src/base/colors/_warning.scss
@@ -0,0 +1,13 @@
+
+$warning-425: #B34000FF;
+$warning-425-hover: #FF6218FF;
+$warning-425-active: #FF7A55FF;
+$warning-950: #FFE9E6FF;
+$warning-950-hover: #FFC6BDFF;
+$warning-950-active: #FFB0A2FF;
+$warning-625: #FC5D00FF;
+$warning-625-hover: #FF8C73FF;
+$warning-625-active: #FFA595FF;
+$warning-100: #361E19FF;
+$warning-100-hover: #663D35FF;
+$warning-100-active: #824F44FF;
diff --git a/src/base/colors/_yellow-tournesol.scss b/src/base/colors/_yellow-tournesol.scss
new file mode 100644
index 0000000..1cdd76f
--- /dev/null
+++ b/src/base/colors/_yellow-tournesol.scss
@@ -0,0 +1,33 @@
+$yellow-tournesol-main-731: #C8AA39FF;
+$yellow-tournesol-main-731-hover: #967F29FF;
+$yellow-tournesol-main-731-active: #7D6A20FF;
+$yellow-tournesol-sun-407: #716043FF;
+$yellow-tournesol-sun-407-hover: #A28A62FF;
+$yellow-tournesol-sun-407-active: #BA9F72FF;
+$yellow-tournesol-moon-922: #FFE552FF;
+$yellow-tournesol-moon-922-hover: #E1C700FF;
+$yellow-tournesol-moon-922-active: #CAB300FF;
+$yellow-tournesol-850: #EFCB3AFF;
+$yellow-tournesol-850-hover: #C1A42DFF;
+$yellow-tournesol-850-active: #A88E26FF;
+$yellow-tournesol-200: #43391AFF;
+$yellow-tournesol-200-hover: #706030FF;
+$yellow-tournesol-200-active: #88753CFF;
+$yellow-tournesol-925: #FDE39CFF;
+$yellow-tournesol-925-hover: #E9C53BFF;
+$yellow-tournesol-925-active: #D3B235FF;
+$yellow-tournesol-125: #302A1AFF;
+$yellow-tournesol-125-hover: #584E34FF;
+$yellow-tournesol-125-active: #6F6342FF;
+$yellow-tournesol-950: #FEECC2FF;
+$yellow-tournesol-950-hover: #FBD335FF;
+$yellow-tournesol-950-active: #E6C130FF;
+$yellow-tournesol-100: #292416FF;
+$yellow-tournesol-100-hover: #4F472FFF;
+$yellow-tournesol-100-active: #655B3DFF;
+$yellow-tournesol-975: #FEF6E3FF;
+$yellow-tournesol-975-hover: #FCE086FF;
+$yellow-tournesol-975-active: #F5D24BFF;
+$yellow-tournesol-75: #221D11FF;
+$yellow-tournesol-75-hover: #473E29FF;
+$yellow-tournesol-75-active: #5C5136FF;
\ No newline at end of file