| Color Set | Color Role | Color | HEX | RGB | Name |
|---|---|---|---|---|---|
| button | BackgroundAlternate | #bdc3c7 | 189,195,199 | Alternate Gray | |
| BackgroundNormal | #eff0f1 | 239,240,241 | Cardboard Gray | ||
| DecorationFocus | #3daee9 | 61,174,233 | Plasma Blue | ||
| DecorationHover | #93cee9 | 147,206,233 | Hover Blue | ||
| ForegroundActive | #3daee9 | 61,174,233 | Plasma Blue | ||
| ForegroundInactive | #7f8c8d | 127,140,141 | Coastal Fog | ||
| ForegroundLink | #2980b9 | 41,128,185 | Abyss Blue | ||
| ForegroundNegative | #da4453 | 218,68,83 | Icon Red | ||
| ForegroundNeutral | #f67400 | 246,116,0 | Beware Orange | ||
| ForegroundNormal | #232629 | 35,38,41 | Shade Black | ||
| ForegroundPositive | #27ae60 | 39,174,96 | Noble Fir | ||
| ForegroundVisited | #7f8c8d | 127,140,141 | Coastal Fog | ||
| selection | BackgroundAlternate | #1d99f3 | 29,153,243 | Icon Blue | |
| BackgroundNormal | #3daee9 | 61,174,233 | Plasma Blue | ||
| DecorationFocus | #3daee9 | 61,174,233 | Plasma Blue | ||
| DecorationHover | #93cee9 | 147,206,233 | Hover Blue | ||
| ForegroundActive | #fcfcfc | 252,252,252 | Paper White | ||
| ForegroundInactive | #eff0f1 | 239,240,241 | Cardboard Gray | ||
| ForegroundLink | #fdbc4b | 253,188,75 | Icon Yellow | ||
| ForegroundNegative | #da4453 | 218,68,83 | Icon Red | ||
| ForegroundNeutral | #f67400 | 246,116,0 | Beware Orange | ||
| ForegroundNormal | #fcfcfc | 252,252,252 | Paper White | ||
| ForegroundPositive | #27ae60 | 39,174,96 | Noble Fir | ||
| ForegroundVisited | #bdc3c7 | 189,195,199 | Alternate Gray | ||
| tooltip | BackgroundAlternate | #4d4d4d | 77,77,77 | Icon Gray | |
| BackgroundNormal | #232629 | 35,38,41 | Shade Black | ||
| DecorationFocus | #3daee9 | 61,174,233 | Plasma Blue | ||
| DecorationHover | #93cee9 | 147,206,233 | Hover Blue | ||
| ForegroundActive | #3daee9 | 61,174,233 | Plasma Blue | ||
| ForegroundInactive | #bdc3c7 | 189,195,199 | Alternate Gray | ||
| ForegroundLink | #2980b9 | 41,128,185 | Abyss Blue | ||
| ForegroundNegative | #da4453 | 218,68,83 | Icon Red | ||
| ForegroundNeutral | #f67400 | 246,116,0 | Beware Orange | ||
| ForegroundNormal | #fcfcfc | 252,252,252 | Paper White | ||
| ForegroundPositive | #27ae60 | 39,174,96 | Noble Fir | ||
| ForegroundVisited | #7f8c8d | 127,140,141 | Coastal Fog | ||
| view | BackgroundAlternate | #eff0f1 | 239,240,241 | Cardboard Gray | |
| BackgroundNormal | #fcfcfc | 252,252,252 | Paper White | ||
| DecorationFocus | #3daee9 | 61,174,233 | Plasma Blue | ||
| DecorationHover | #93cee9 | 147,206,233 | Hover Blue | ||
| ForegroundActive | #3daee9 | 61,174,233 | Plasma Blue | ||
| ForegroundInactive | #7f8c8d | 127,140,141 | Coastal Fog | ||
| ForegroundLink | #2980b9 | 41,128,185 | Abyss Blue | ||
| ForegroundNegative | #da4453 | 218,68,83 | Icon Red | ||
| ForegroundNeutral | #f67400 | 246,116,0 | Beware Orange | ||
| ForegroundNormal | #232629 | 35,38,41 | Shade Black | ||
| ForegroundPositive | #27ae60 | 39,174,96 | Noble Fir | ||
| ForegroundVisited | #7f8c8d | 127,140,141 | Coastal Fog | ||
| window | BackgroundAlternate | #bdc3c7 | 189,195,199 | Alternate Gray | |
| BackgroundNormal | #eff0f1 | 239,240,241 | Cardboard Gray | ||
| DecorationFocus | #3daee9 | 61,174,233 | Plasma Blue | ||
| DecorationHover | #93cee9 | 147,206,233 | Hover Blue | ||
| ForegroundActive | #3daee9 | 61,174,233 | Plasma Blue | ||
| ForegroundInactive | #7f8c8d | 127,140,141 | Coastal Fog | ||
| ForegroundLink | #2980b9 | 41,128,185 | Abyss Blue | ||
| ForegroundNegative | #da4453 | 218,68,83 | Icon Red | ||
| ForegroundNeutral | #f67400 | 246,116,0 | Beware Orange | ||
| ForegroundNormal | #232629 | 35,38,41 | Shade Black | ||
| ForegroundPositive | #27ae60 | 39,174,96 | Noble Fir | ||
| ForegroundVisited | #7f8c8d | 127,140,141 | Coastal Fog | ||
| complementary | BackgroundAlternate | #3b4045 | 59,64,69 | Burnt Charcoal | |
| BackgroundNormal | #31363b | 49,54,59 | Charcoal Gray | ||
| DecorationFocus | #1e92ff | 30,146,255 | Deco Blue | ||
| DecorationHover | #3daee6 | 61,174,230 | Hyper Blue | ||
| ForegroundActive | #93cee9 | 147,206,233 | Hover Blue | ||
| ForegroundInactive | #afb0b3 | 175,176,179 | Lazy Gray | ||
| ForegroundLink | #3daee6 | 61,174,230 | Hyper Blue | ||
| ForegroundNegative | #e74c3c | 231,76,60 | Pimpinella | ||
| ForegroundNeutral | #fdbc4b | 253,188,75 | Icon Yellow | ||
| ForegroundNormal | #eff0f1 | 239,240,241 | Cardboard Gray | ||
| ForegroundPositive | #2ecc71 | 46,204,113 | Icon Green | ||
| ForegroundVisited | #3daee6 | 61,174,230 | Hyper Blue |