@salesforce-ux/design-system/design-tokens/dist/palettes.module.js

Salesforce Lightning Design System

// Blue 10
export const colorPaletteBlue10 = "rgb(0, 22, 57)";
// Blue 15
export const colorPaletteBlue15 = "rgb(3, 35, 77)";
// Blue 20
export const colorPaletteBlue20 = "rgb(3, 45, 96)";
// Blue 30
export const colorPaletteBlue30 = "rgb(1, 68, 134)";
// Blue 40
export const colorPaletteBlue40 = "rgb(11, 92, 171)";
// Blue 50
export const colorPaletteBlue50 = "rgb(1, 118, 211)";
// Blue 60
export const colorPaletteBlue60 = "rgb(27, 150, 255)";
// Blue 65
export const colorPaletteBlue65 = "rgb(87, 163, 253)";
// Blue 70
export const colorPaletteBlue70 = "rgb(120, 176, 253)";
// Blue 80
export const colorPaletteBlue80 = "rgb(170, 203, 255)";
// Blue 90
export const colorPaletteBlue90 = "rgb(216, 230, 254)";
// Blue 95
export const colorPaletteBlue95 = "rgb(238, 244, 255)";
// Cloud Blue 10
export const colorPaletteCloudBlue10 = "rgb(0, 26, 40)";
// Cloud Blue 15
export const colorPaletteCloudBlue15 = "rgb(10, 38, 54)";
// Cloud Blue 20
export const colorPaletteCloudBlue20 = "rgb(2, 50, 72)";
// Cloud Blue 30
export const colorPaletteCloudBlue30 = "rgb(8, 73, 104)";
// Cloud Blue 40
export const colorPaletteCloudBlue40 = "rgb(5, 98, 138)";
// Cloud Blue 50
export const colorPaletteCloudBlue50 = "rgb(16, 124, 173)";
// Cloud Blue 60
export const colorPaletteCloudBlue60 = "rgb(13, 157, 218)";
// Cloud Blue 65
export const colorPaletteCloudBlue65 = "rgb(8, 171, 237)";
// Cloud Blue 70
export const colorPaletteCloudBlue70 = "rgb(26, 185, 255)";
// Cloud Blue 80
export const colorPaletteCloudBlue80 = "rgb(144, 208, 254)";
// Cloud Blue 90
export const colorPaletteCloudBlue90 = "rgb(207, 233, 254)";
// Cloud Blue 95
export const colorPaletteCloudBlue95 = "rgb(234, 245, 254)";
// Green 10
export const colorPaletteGreen10 = "rgb(7, 27, 18)";
// Green 15
export const colorPaletteGreen15 = "rgb(12, 41, 18)";
// Green 20
export const colorPaletteGreen20 = "rgb(28, 51, 38)";
// Green 30
export const colorPaletteGreen30 = "rgb(25, 78, 49)";
// Green 40
export const colorPaletteGreen40 = "rgb(57, 101, 71)";
// Green 50
export const colorPaletteGreen50 = "rgb(46, 132, 74)";
// Green 60
export const colorPaletteGreen60 = "rgb(59, 167, 85)";
// Green 65
export const colorPaletteGreen65 = "rgb(65, 182, 88)";
// Green 70
export const colorPaletteGreen70 = "rgb(69, 198, 90)";
// Green 80
export const colorPaletteGreen80 = "rgb(145, 219, 139)";
// Green 90
export const colorPaletteGreen90 = "rgb(205, 239, 196)";
// Green 95
export const colorPaletteGreen95 = "rgb(235, 247, 230)";
// Hot Orange 10
export const colorPaletteHotOrange10 = "rgb(40, 18, 2)";
// Hot Orange 15
export const colorPaletteHotOrange15 = "rgb(66, 22, 4)";
// Hot Orange 20
export const colorPaletteHotOrange20 = "rgb(74, 36, 19)";
// Hot Orange 30
export const colorPaletteHotOrange30 = "rgb(126, 38, 0)";
// Hot Orange 40
export const colorPaletteHotOrange40 = "rgb(170, 48, 1)";
// Hot Orange 50
export const colorPaletteHotOrange50 = "rgb(216, 58, 0)";
// Hot Orange 60
export const colorPaletteHotOrange60 = "rgb(255, 93, 45)";
// Hot Orange 65
export const colorPaletteHotOrange65 = "rgb(255, 120, 79)";
// Hot Orange 70
export const colorPaletteHotOrange70 = "rgb(255, 144, 110)";
// Hot Orange 80
export const colorPaletteHotOrange80 = "rgb(254, 185, 165)";
// Hot Orange 90
export const colorPaletteHotOrange90 = "rgb(255, 222, 213)";
// Hot Orange 95
export const colorPaletteHotOrange95 = "rgb(254, 241, 237)";
// Indigo 10
export const colorPaletteIndigo10 = "rgb(32, 6, 71)";
// Indigo 15
export const colorPaletteIndigo15 = "rgb(31, 9, 116)";
// Indigo 20
export const colorPaletteIndigo20 = "rgb(50, 29, 113)";
// Indigo 30
export const colorPaletteIndigo30 = "rgb(47, 44, 183)";
// Indigo 40
export const colorPaletteIndigo40 = "rgb(58, 73, 218)";
// Indigo 50
export const colorPaletteIndigo50 = "rgb(88, 103, 232)";
// Indigo 60
export const colorPaletteIndigo60 = "rgb(127, 140, 237)";
// Indigo 65
export const colorPaletteIndigo65 = "rgb(142, 155, 239)";
// Indigo 70
export const colorPaletteIndigo70 = "rgb(158, 169, 241)";
// Indigo 80
export const colorPaletteIndigo80 = "rgb(190, 199, 246)";
// Indigo 90
export const colorPaletteIndigo90 = "rgb(224, 229, 248)";
// Indigo 95
export const colorPaletteIndigo95 = "rgb(241, 243, 251)";
// Orange 10
export const colorPaletteOrange10 = "rgb(32, 22, 0)";
// Orange 15
export const colorPaletteOrange15 = "rgb(55, 30, 3)";
// Orange 20
export const colorPaletteOrange20 = "rgb(62, 43, 2)";
// Orange 30
export const colorPaletteOrange30 = "rgb(95, 62, 2)";
// Orange 40
export const colorPaletteOrange40 = "rgb(130, 81, 1)";
// Orange 50
export const colorPaletteOrange50 = "rgb(169, 100, 4)";
// Orange 60
export const colorPaletteOrange60 = "rgb(221, 122, 1)";
// Orange 65
export const colorPaletteOrange65 = "rgb(243, 131, 3)";
// Orange 70
export const colorPaletteOrange70 = "rgb(254, 147, 57)";
// Orange 80
export const colorPaletteOrange80 = "rgb(255, 186, 144)";
// Orange 90
export const colorPaletteOrange90 = "rgb(254, 223, 208)";
// Orange 95
export const colorPaletteOrange95 = "rgb(255, 241, 234)";
// Pink 10
export const colorPalettePink10 = "rgb(55, 1, 20)";
// Pink 15
export const colorPalettePink15 = "rgb(75, 6, 32)";
// Pink 20
export const colorPalettePink20 = "rgb(97, 2, 42)";
// Pink 30
export const colorPalettePink30 = "rgb(138, 3, 62)";
// Pink 40
export const colorPalettePink40 = "rgb(182, 5, 84)";
// Pink 50
export const colorPalettePink50 = "rgb(227, 6, 106)";
// Pink 60
export const colorPalettePink60 = "rgb(255, 83, 138)";
// Pink 65
export const colorPalettePink65 = "rgb(254, 114, 152)";
// Pink 70
export const colorPalettePink70 = "rgb(254, 138, 167)";
// Pink 80
export const colorPalettePink80 = "rgb(253, 182, 197)";
// Pink 90
export const colorPalettePink90 = "rgb(253, 221, 227)";
// Pink 95
export const colorPalettePink95 = "rgb(254, 240, 243)";
// Purple 10
export const colorPalettePurple10 = "rgb(36, 6, 67)";
// Purple 15
export const colorPalettePurple15 = "rgb(48, 11, 96)";
// Purple 20
export const colorPalettePurple20 = "rgb(64, 16, 117)";
// Purple 30
export const colorPalettePurple30 = "rgb(90, 27, 169)";
// Purple 40
export const colorPalettePurple40 = "rgb(117, 38, 227)";
// Purple 50
export const colorPalettePurple50 = "rgb(144, 80, 233)";
// Purple 60
export const colorPalettePurple60 = "rgb(173, 123, 238)";
// Purple 65
export const colorPalettePurple65 = "rgb(183, 141, 239)";
// Purple 70
export const colorPalettePurple70 = "rgb(194, 158, 241)";
// Purple 80
export const colorPalettePurple80 = "rgb(215, 191, 242)";
// Purple 90
export const colorPalettePurple90 = "rgb(236, 225, 249)";
// Purple 95
export const colorPalettePurple95 = "rgb(246, 242, 251)";
// Red 10
export const colorPaletteRed10 = "rgb(48, 12, 1)";
// Red 15
export const colorPaletteRed15 = "rgb(74, 12, 4)";
// Red 20
export const colorPaletteRed20 = "rgb(100, 1, 3)";
// Red 30
export const colorPaletteRed30 = "rgb(142, 3, 15)";
// Red 40
export const colorPaletteRed40 = "rgb(186, 5, 23)";
// Red 50
export const colorPaletteRed50 = "rgb(234, 0, 30)";
// Red 60
export const colorPaletteRed60 = "rgb(254, 92, 76)";
// Red 65
export const colorPaletteRed65 = "rgb(254, 119, 101)";
// Red 70
export const colorPaletteRed70 = "rgb(254, 143, 125)";
// Red 80
export const colorPaletteRed80 = "rgb(254, 184, 171)";
// Red 90
export const colorPaletteRed90 = "rgb(254, 222, 216)";
// Red 95
export const colorPaletteRed95 = "rgb(254, 241, 238)";
// Teal 10
export const colorPaletteTeal10 = "rgb(7, 27, 18)";
// Teal 15
export const colorPaletteTeal15 = "rgb(7, 40, 37)";
// Teal 20
export const colorPaletteTeal20 = "rgb(2, 52, 52)";
// Teal 30
export const colorPaletteTeal30 = "rgb(2, 77, 76)";
// Teal 40
export const colorPaletteTeal40 = "rgb(5, 103, 100)";
// Teal 50
export const colorPaletteTeal50 = "rgb(11, 130, 124)";
// Teal 60
export const colorPaletteTeal60 = "rgb(6, 165, 154)";
// Teal 65
export const colorPaletteTeal65 = "rgb(3, 180, 167)";
// Teal 70
export const colorPaletteTeal70 = "rgb(1, 195, 179)";
// Teal 80
export const colorPaletteTeal80 = "rgb(4, 225, 203)";
// Teal 90
export const colorPaletteTeal90 = "rgb(172, 243, 228)";
// Teal 95
export const colorPaletteTeal95 = "rgb(222, 249, 243)";
// Violet 10
export const colorPaletteViolet10 = "rgb(46, 0, 57)";
// Violet 15
export const colorPaletteViolet15 = "rgb(61, 1, 87)";
// Violet 20
export const colorPaletteViolet20 = "rgb(72, 26, 84)";
// Violet 30
export const colorPaletteViolet30 = "rgb(115, 3, 148)";
// Violet 40
export const colorPaletteViolet40 = "rgb(150, 2, 199)";
// Violet 50
export const colorPaletteViolet50 = "rgb(186, 1, 255)";
// Violet 60
export const colorPaletteViolet60 = "rgb(203, 101, 255)";
// Violet 65
export const colorPaletteViolet65 = "rgb(209, 125, 254)";
// Violet 70
export const colorPaletteViolet70 = "rgb(216, 146, 254)";
// Violet 80
export const colorPaletteViolet80 = "rgb(229, 185, 254)";
// Violet 90
export const colorPaletteViolet90 = "rgb(242, 222, 254)";
// Violet 95
export const colorPaletteViolet95 = "rgb(249, 240, 255)";
// Yellow 10
export const colorPaletteYellow10 = "rgb(40, 18, 2)";
// Yellow 15
export const colorPaletteYellow15 = "rgb(46, 34, 4)";
// Yellow 20
export const colorPaletteYellow20 = "rgb(79, 33, 0)";
// Yellow 30
export const colorPaletteYellow30 = "rgb(111, 52, 0)";
// Yellow 40
export const colorPaletteYellow40 = "rgb(140, 75, 2)";
// Yellow 50
export const colorPaletteYellow50 = "rgb(168, 100, 3)";
// Yellow 60
export const colorPaletteYellow60 = "rgb(202, 133, 1)";
// Yellow 65
export const colorPaletteYellow65 = "rgb(215, 147, 4)";
// Yellow 70
export const colorPaletteYellow70 = "rgb(228, 162, 1)";
// Yellow 80
export const colorPaletteYellow80 = "rgb(252, 192, 3)";
// Yellow 90
export const colorPaletteYellow90 = "rgb(249, 227, 182)";
// Yellow 95
export const colorPaletteYellow95 = "rgb(251, 243, 224)";
// Neutral 10
export const colorPaletteNeutral10 = "rgb(24, 24, 24)";
// Neutral 15
export const colorPaletteNeutral15 = "rgb(36, 36, 36)";
// Neutral 20
export const colorPaletteNeutral20 = "rgb(46, 46, 46)";
// Neutral 30
export const colorPaletteNeutral30 = "rgb(68, 68, 68)";
// Neutral 40
export const colorPaletteNeutral40 = "rgb(92, 92, 92)";
// Neutral 50
export const colorPaletteNeutral50 = "rgb(116, 116, 116)";
// Neutral 60
export const colorPaletteNeutral60 = "rgb(147, 147, 147)";
// Neutral 65
export const colorPaletteNeutral65 = "rgb(160, 160, 160)";
// Neutral 70
export const colorPaletteNeutral70 = "rgb(174, 174, 174)";
// Neutral 80
export const colorPaletteNeutral80 = "rgb(201, 201, 201)";
// Neutral 90
export const colorPaletteNeutral90 = "rgb(229, 229, 229)";
// Neutral 95
export const colorPaletteNeutral95 = "rgb(243, 243, 243)";
// Neutral 100
export const colorPaletteNeutral100 = "rgb(255, 255, 255)";