diff --git a/css/types/color.json b/css/types/color.json
index c5f193e3a8cfd..843953160fb33 100644
--- a/css/types/color.json
+++ b/css/types/color.json
@@ -84,87 +84,6 @@
             }
           }
         },
-        "color_keywords": {
-          "__compat": {
-            "description": "Color keywords",
-            "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/color_keywords",
-            "spec_url": "https://w3c.github.io/csswg-drafts/css-color/#color-keywords",
-            "support": {
-              "chrome": {
-                "version_added": "1"
-              },
-              "chrome_android": "mirror",
-              "edge": {
-                "version_added": "12"
-              },
-              "firefox": {
-                "version_added": "1"
-              },
-              "firefox_android": "mirror",
-              "ie": {
-                "version_added": "3",
-                "notes": "Internet Explorer 8 and later support gray color keywords spelled with an <em>e</em> (<code>grey</code>, <code>darkgrey</code>, <code>darkslategrey</code>, <code>dimgrey</code>, <code>lightgrey</code>, and <code>lightslategrey</code>). Internet Explorer 3 to Internet Explorer 7 only support the keywords spelled with <em>a</em> (<code>gray</code>, <code>darkgray</code>, <code>darkslategray</code>, <code>dimgray</code>, <code>lightgray</code>, and <code>lightslategray</code>)."
-              },
-              "oculus": "mirror",
-              "opera": {
-                "version_added": "3.5"
-              },
-              "opera_android": {
-                "version_added": "10.1"
-              },
-              "safari": {
-                "version_added": "1"
-              },
-              "safari_ios": "mirror",
-              "samsunginternet_android": "mirror",
-              "webview_android": {
-                "version_added": "≤37"
-              }
-            },
-            "status": {
-              "experimental": false,
-              "standard_track": true,
-              "deprecated": false
-            }
-          },
-          "rebeccapurple": {
-            "__compat": {
-              "description": "<code>rebeccapurple</code>",
-              "support": {
-                "chrome": {
-                  "version_added": "38"
-                },
-                "chrome_android": "mirror",
-                "edge": {
-                  "version_added": "12"
-                },
-                "firefox": {
-                  "version_added": "33"
-                },
-                "firefox_android": "mirror",
-                "ie": {
-                  "version_added": "11"
-                },
-                "oculus": "mirror",
-                "opera": "mirror",
-                "opera_android": "mirror",
-                "safari": {
-                  "version_added": "9"
-                },
-                "safari_ios": {
-                  "version_added": "8"
-                },
-                "samsunginternet_android": "mirror",
-                "webview_android": "mirror"
-              },
-              "status": {
-                "experimental": false,
-                "standard_track": true,
-                "deprecated": false
-              }
-            }
-          }
-        },
         "color-contrast": {
           "__compat": {
             "description": "<code>color-contrast()</code>",
@@ -585,6 +504,87 @@
             }
           }
         },
+        "named-color": {
+          "__compat": {
+            "description": "Named colors",
+            "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/named-color",
+            "spec_url": "https://w3c.github.io/csswg-drafts/css-color/#named-colors",
+            "support": {
+              "chrome": {
+                "version_added": "1"
+              },
+              "chrome_android": "mirror",
+              "edge": {
+                "version_added": "12"
+              },
+              "firefox": {
+                "version_added": "1"
+              },
+              "firefox_android": "mirror",
+              "ie": {
+                "version_added": "3",
+                "notes": "Internet Explorer 8 and later support gray color keywords spelled with an <em>e</em> (<code>grey</code>, <code>darkgrey</code>, <code>darkslategrey</code>, <code>dimgrey</code>, <code>lightgrey</code>, and <code>lightslategrey</code>). Internet Explorer 3 to Internet Explorer 7 only support the keywords spelled with <em>a</em> (<code>gray</code>, <code>darkgray</code>, <code>darkslategray</code>, <code>dimgray</code>, <code>lightgray</code>, and <code>lightslategray</code>)."
+              },
+              "oculus": "mirror",
+              "opera": {
+                "version_added": "3.5"
+              },
+              "opera_android": {
+                "version_added": "10.1"
+              },
+              "safari": {
+                "version_added": "1"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": {
+                "version_added": "≤37"
+              }
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          },
+          "rebeccapurple": {
+            "__compat": {
+              "description": "<code>rebeccapurple</code>",
+              "support": {
+                "chrome": {
+                  "version_added": "38"
+                },
+                "chrome_android": "mirror",
+                "edge": {
+                  "version_added": "12"
+                },
+                "firefox": {
+                  "version_added": "33"
+                },
+                "firefox_android": "mirror",
+                "ie": {
+                  "version_added": "11"
+                },
+                "oculus": "mirror",
+                "opera": "mirror",
+                "opera_android": "mirror",
+                "safari": {
+                  "version_added": "9"
+                },
+                "safari_ios": {
+                  "version_added": "8"
+                },
+                "samsunginternet_android": "mirror",
+                "webview_android": "mirror"
+              },
+              "status": {
+                "experimental": false,
+                "standard_track": true,
+                "deprecated": false
+              }
+            }
+          }
+        },
         "oklab": {
           "__compat": {
             "description": "<code>oklab()</code> (Oklab color model)",
@@ -986,6 +986,49 @@
             }
           }
         },
+        "system-color": {
+          "__compat": {
+            "description": "System colors",
+            "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/system-color",
+            "spec_url": "https://w3c.github.io/csswg-drafts/css-color/#system-colors",
+            "support": {
+              "chrome": {
+                "version_added": "1"
+              },
+              "chrome_android": "mirror",
+              "edge": {
+                "version_added": "12"
+              },
+              "firefox": {
+                "version_added": "1"
+              },
+              "firefox_android": "mirror",
+              "ie": {
+                "version_added": "3"
+              },
+              "oculus": "mirror",
+              "opera": {
+                "version_added": "3.5"
+              },
+              "opera_android": {
+                "version_added": "10.1"
+              },
+              "safari": {
+                "version_added": "1"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": {
+                "version_added": "≤37"
+              }
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
         "transparent": {
           "__compat": {
             "description": "<code>transparent</code> keyword",