A
Accueil > Constants > Colors

Colors

VertPrairie
{
"50": "#F3FDE7",
"75": "#0B220B",
"100": "#112233",
"125": "#184116",
"200": "#235A1F",
"300": "#9EED61",
"400": "#85E23F",
"425": "#3E8F32",
"850": "#BEE2B0",
"925": "#D7EED0",
"950": "#E6F4E1",
"975": "#F3FAF1",
"main-646": "#60BB46",
"sun-475": "#3E7F2E",
"sun-475-hover": "#28571D"
}
Mandarine
{
"50": "#FEF9EE",
"100": "#FDF2D7",
"200": "#FBE0AD",
"300": "#F8C979",
"400": "#F4A843",
"500": "#F19023",
"600": "#E27414",
"700": "#BB5813",
"800": "#954517",
"900": "#783B16",
"950": "#411C09"
}
Lilas
{
"50": "#F6F5FD",
"100": "#EFECFB",
"200": "#E0DCF8",
"300": "#C9BFF3",
"400": "#AD9BEA",
"500": "#8C6CDF",
"600": "#8053D4",
"700": "#7041C0",
"800": "#5D36A1",
"900": "#4E2E84",
"950": "#301C59"
}
Shakespeare
{
"50": "#EEFBFD",
"100": "#D3F3FA",
"200": "#ADE6F4",
"300": "#75D3EB",
"400": "#31B5DA",
"500": "#1999C1",
"600": "#187BA2",
"700": "#1A6484",
"800": "#1E526C",
"900": "#1D465C",
"950": "#0E2D3E"
}
Cerise
{
"50": "#FDF2F8",
"100": "#FCE7F3",
"200": "#FBCFE8",
"300": "#FAA7D5",
"400": "#F571B7",
"500": "#EE469A",
"600": "#DA2275",
"700": "#C0165E",
"800": "#9E164E",
"900": "#841744",
"950": "#510624"
}
Pacifika
{
"50": "#FFFDE4",
"100": "#FFFDC5",
"200": "#FFFF92",
"300": "#F9FF53",
"400": "#EEFB20",
"500": "#D1E200",
"600": "#A2B500",
"700": "#738102",
"800": "#5F6B09",
"900": "#505A0D",
"950": "#2A3300"
}
GoldenFizz
{
"50": "#FFFEE5",
"100": "#FEFFC7",
"200": "#FCFF95",
"300": "#F4FE58",
"400": "#E4F40E",
"500": "#C9DC06",
"600": "#9DB000",
"700": "#758506",
"800": "#5D690B",
"900": "#4D580F",
"950": "#293102"
}
GrisPolaire
{
"50": "#F4F6FA",
"100": "#E6EBF3",
"200": "#D3DBEA",
"300": "#B4C3DC",
"400": "#90A4CA",
"500": "#7589BC",
"600": "#6372AD",
"700": "#57639E",
"800": "#4B5282",
"900": "#404668",
"950": "#2A2D41"
}
ButteryWhite
{
"50": "#FFFBEA",
"100": "#FEF4C7",
"200": "#FDE78A",
"300": "#FCD54D",
"400": "#FBC124",
"500": "#F5A00B",
"600": "#D97906",
"700": "#B45509",
"800": "#92410E",
"900": "#78360F",
"950": "#451B03"
}
CoralRed
{
"50": "#FEF2F2",
"100": "#FEE2E2",
"200": "#FECACA",
"300": "#FCA5A5",
"400": "#F77272",
"500": "#EF4E4E",
"600": "#DB2727",
"700": "#B81D1D",
"800": "#981C1C",
"900": "#7F1D1D",
"950": "#450A0A"
}
Lochmara
{
"50": "#F1F8FE",
"100": "#E2F1FC",
"200": "#BFE2F8",
"300": "#87CCF2",
"400": "#47B0E9",
"500": "#1F97D8",
"600": "#1177B6",
"700": "#0F5F95",
"800": "#11527B",
"900": "#144566",
"950": "#0D2C44"
}
BigStone
{
"50": "#F2F8FD",
"100": "#E4EFFA",
"200": "#C2DFF5",
"300": "#8CC5ED",
"400": "#4EA7E2",
"500": "#288CCF",
"600": "#196FB0",
"700": "#16598E",
"800": "#164C76",
"900": "#174063",
"950": "#102A43"
}
PinkVivid
{
"50": "#FFF5F8",
"100": "#FFB8D2",
"200": "#FF8CBA",
"300": "#F364A2",
"400": "#E8368F",
"500": "#D9127C",
"600": "#BC0A6F",
"700": "#A30664",
"800": "#870557",
"900": "#620042"
}
LimeGreen
{
"50": "#F6FCE9",
"100": "#EAF7D0",
"200": "#D7F0A6",
"300": "#BBE472",
"400": "#A1D447",
"500": "#7BB026",
"600": "#7BB026",
"700": "#4D711A",
"800": "#3F5A1A",
"900": "#374D1A",
"950": "#1A2A09"
}
Purple
{
"50": "#EAE2F8",
"100": "#CFBCF2",
"200": "#A081D9",
"300": "#8662C7",
"400": "#724BB7",
"500": "#653CAD",
"600": "#51279B",
"700": "#421987",
"800": "#34126F",
"900": "#240754"
}
Focus
{
"525": "#0A76F6"
}
OrangeWarning
{
"425": "#BC4401",
"625": "#F96B24",
"850": "#FFC6AA",
"925": "#FFE2D4",
"950": "#FFEEE5",
"975": "#FFF5F0",
"main-525": "#D64D00"
}
RougeErreur
{
"425": "#C62416",
"850": "#FAC0BB",
"925": "#FCDFDC",
"950": "#FDEAE8",
"975": "#FEF5F4",
"main-525": "#E62C1C"
}
RougeGroseille
{
"75": "#2A070C",
"100": "#3D0B12",
"125": "#4F0F17",
"200": "#74202A",
"625": "#E85C72",
"850": "#F4B6C0",
"925": "#F9D6DC",
"950": "#FBE5E9",
"975": "#FEF7F8",
"main-465": "#D81B39"
}
Mariner
{
"50": "#F1F7FE",
"100": "#E2EEFC",
"200": "#BEDDF9",
"300": "#85C0F4",
"400": "#44A0EC",
"500": "#1C85DB",
"600": "#1070CA",
"700": "#0D5297",
"800": "#0F477D",
"900": "#123C68",
"950": "#0C2645"
}
MountainMeadow
{
"50": "#EFFAF4",
"100": "#D7F4E1",
"200": "#B3E7C9",
"300": "#81D4A9",
"400": "#47B881",
"500": "#2A9F6A",
"600": "#1C7F54",
"700": "#166645",
"800": "#145139",
"900": "#114330",
"950": "#09251C"
}
Watusi
{
"50": "#FEF5F2",
"100": "#FFE9E1",
"200": "#FFD6C7",
"300": "#FEBBA3",
"400": "#FB946E",
"500": "#F27041",
"600": "#E05522",
"700": "#BA461C",
"800": "#9B3C19",
"900": "#81361B",
"950": "#461909"
}
Sunshade
{
"50": "#FDF9E9",
"100": "#FBF2C6",
"200": "#F9E18F",
"300": "#F5C94F",
"400": "#F0B429",
"500": "#DF9913",
"600": "#C1750D",
"700": "#9A530E",
"800": "#7F4214",
"900": "#6D3616",
"950": "#3F1B09"
}
BleuCiel
{
"75": "#072128",
"100": "#082932",
"125": "#0B2E38",
"200": "#123F4B",
"425": "#076D8A",
"525": "#1288A7",
"850": "#7CDEF9",
"925": "#C5F0FC",
"950": "#DBF6FD",
"975": "#EDFAFE",
"main-686": "#31B5DA",
"sun-335": "#04566D"
}
Monza
{
"50": "#FFF0F2",
"100": "#FFE5E9",
"200": "#FFC1C9",
"300": "#FF95A2",
"400": "#FF596E",
"500": "#FF2641",
"600": "#FC0624",
"700": "#D60019",
"800": "#AF051A",
"900": "#900C1C",
"950": "#50000A"
}
SlateGrey
{
"50": "#12161D",
"75": "#191E26",
"100": "#1F242D",
"125": "#242B31",
"175": "#2E373E",
"200": "#323B43",
"300": "#C5D6DC",
"400": "#ADC2CC",
"425": "#5B6B78",
"500": "#98ADBC",
"600": "#8197AA",
"625": "#8197AA",
"700": "#66788A",
"800": "#5B6B78",
"850": "#BED1D8",
"900": "#D2DFE4",
"925": "#DBE7EA",
"950": "#EBF2F4",
"975": "#F6FAFA",
"1000": "#FFFFFF"
}
Neutre
{
"50": "#151617",
"75": "#1D1E20",
"100": "#232427",
"125": "#282A2D",
"150": "#2D2F32",
"175": "#323439",
"200": "#373A3F",
"425": "#5F6571",
"525": "#747E91",
"625": "#8D97AC",
"850": "#CED5E1",
"900": "#DEE3EC",
"925": "#E6EAF1",
"950": "#EFF1F6",
"975": "#F6F7F8",
"1000": "#FFFFFF"
}
BleuCaptive
{
"75": "#011E3A",
"100": "#012448",
"125": "#012B53",
"200": "#033B72",
"425": "#0264C7",
"625": "#2591FE",
"850": "#B4D9FE",
"925": "#D2E8FE",
"950": "#E5F1FE",
"975": "#F2F9FF",
"main-525": "#0379EF",
"sun-172": "#002764",
"sun-172-hover": "#0048AC",
"sun-100": "#012448"
}
VertSuccess
{
"75": "#16221B",
"100": "#18271E",
"125": "#1B2F23",
"200": "#1E412D",
"425": "#1B7440",
"625": "#27A65C",
"850": "#3EEA86",
"925": "#87FCB8",
"950": "#B9FDD5",
"975": "#EEFBF3",
"main-525": "#238C4F"
}
Ocre
{
"75": "#241D03",
"100": "#2C2404",
"125": "#342A05",
"200": "#403508",
"850": "#EDD05C",
"925": "#F3E094",
"950": "#F9F0CC",
"975": "#FDF9E9",
"moon-910": "#FFE571",
"main-686": "#C7A418",
"sun-403": "#6F5E18"
}
LightBlueVivid
{
"50": "#F0FBFF",
"100": "#D6F3FD",
"200": "#A8E4FA",
"300": "#79D1F4",
"400": "#4ABDE9",
"500": "#2FA4DC",
"600": "#1177B6",
"700": "#0E6398",
"800": "#0C507B",
"900": "#093E60",
"950": "#072C45"
}
Alveole UI Kit — v1.9.0