Note: The CSS2 System Color values have been deprecated in favor of the CSS3 UI appearance property for specifying the complete look of user interface related elements.
Noot: De CSS2 Systeemkleuren zijn inmiddels afgekeurd ten gunste van de CSS3 UI appearance eigenschap om het uiterlijk van gebruikersinterfaces vast te leggen.
| ActiveBorder | Border of the active window | Rand van het actieve venster | |
| ActiveCaption | Title of the active window | Titelbalk van het actieve venster | |
| AppWorkspace | Background of the working space of an application that contains multiple windows | Achtergrond van de werkruimte in een programma dat meerdere documentvensters bevat | |
| Background | Background of the desktop | Achtergrond van het bureaublad | |
| ButtonFace | A three-dimensional element | Een drie-dimensionaal weergegeven element | |
| ButtonHighlight | The light shadow around three-dimensional elements (left and top) | Lichte schaduwrand langs drie-dimensioneel weergegeven elementen (links en boven) | |
| ButtonShadow | The dark shadow around three-dimensional elements (right and bottom) | Donkere schaduwrand langs drie-dimensioneel weergegeven elementen (rechts en onder) | |
| ButtonText | The text on a button | Tekst op een knop | |
| CaptionText | The text in the title of the active window | Tekst in de titelbalk van het actieve venster | |
| GrayText | Blocked text (like a disabled menu-item) | Geblokkeerde tekst (zoals een uitgeschakelde menu-optie) | |
| Highlight | Background of the selection | Achtergrond van een selectie | |
| HighlightText | Text of the selection | Tekst van een selectie | |
| InactiveBorder | Border along a inactive window | Rand van een niet actief venster | |
| InactiveCaption | Title of an inactive window | Titelbalk van een niet actief venster | |
| InactiveCaptionText | Text in the title of an inactive window | Tekst in de titelbalk van een niet actief venster | |
| InfoBackground | Background of a tooltip | Achtergrond van een tooltip | |
| InfoText | Text of a tooltip | Tekst in een tooltip | |
| Menu | Background of a menu | Achtergrond van een menu | |
| MenuText | Text of a menu | Tekst in een menu | |
| Scrollbar | The stationary part of a scrollbar | Stationaire deel van een schuifbalk | |
| ThreeDDarkShadow | Dark border around three-dimensional elements | Donkere rand van drie-dimensioneel weergegeven elementen | |
| ThreeDFace | Face color for three-dimensional display elements | Een drie-dimensionaal weergegeven element | |
| ThreeDHighLight | Highlight color for three-dimensional display elements | Lichte schaduwrand van drie-dimensioneel weergegeven elementen | |
| ThreeDLightShadow | Light border around three-dimensional elements | Lichte rand langs drie-dimensioneel weergegeven elementen | |
| ThreeDShadow | Dark shadow for three-dimensional elements | Donkere schaduwrand van drie-dimensioneel weergegeven elementen | |
| Window | Background of a window | Achtergrond van een venster | |
| WindowFrame | Frame of a window | Rand van een venster | |
| WindowText | Text in windows | Tekst in een venster |