diff --git a/after/syntax/css/color-4.vim b/after/syntax/css/color-4.vim
index 88a38f2..8f63b6b 100644
--- a/after/syntax/css/color-4.vim
+++ b/after/syntax/css/color-4.vim
@@ -1,3 +1,2 @@
-syn keyword cssFontAttr contained perceptual accentcolor accentcolortext relative-colorimetric absolute-colorimetric
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(hwb\|lab\|lch\|color\|device-cmyk\=\)\s*(" end=")" oneline keepend
-syn match cssFontDescriptor "@color-profile\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
+syn keyword cssFontAttr contained accentcolor accentcolortext
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(hwb\|lab\|lch\|oklab\|oklch\|color\=\)\s*(" end=")" oneline keepend
diff --git a/after/syntax/css/color-5.vim b/after/syntax/css/color-5.vim
index abbf399..ae741ba 100644
--- a/after/syntax/css/color-5.vim
+++ b/after/syntax/css/color-5.vim
@@ -1 +1,4 @@
-syn region cssFunction contained matchgroup=cssFunctionName start="\<color-mix\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
+syn keyword cssFontProp contained components
+syn keyword cssFontAttr contained relative-colorimetric absolute-colorimetric perceptual
+syn region cssFunction contained matchgroup=cssFunctionName start="\<color-mix\|device-cmyk\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline
+syn match cssFontDescriptor "@color-profile\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl
diff --git a/test/test.css b/test/test.css
index de5a142..40fc0d2 100644
--- a/test/test.css
+++ b/test/test.css
@@ -83,21 +83,24 @@
 	display: hwb(120deg, 44%, 50%);
 	display: lab(1 2 3);
 	display: lch(4 5 6);
+	display: oklab(1 2 3);
+	display: oklch(4 5 6);
 	display: color(swopc, 0 206 190 77);
-	display: device-cmyk(0, 81%, 81%, 30%);
-	display: relative-colorimetric;
-	display: absolute-colorimetric;
-	display: perceptual;
 	display: accentcolor;
 	display: accentcolortext;
 }
 
-@color-profile swopc {
-	src: url("http://example.org/swop-coated.icc");
+.color-5 {
+	display: device-cmyk(0, 81%, 81%, 30%);
+	display: color-mix(red yellow 65%);
 }
 
-.color-5 {
-	display: color-mix(red yellow 65%);
+@color-profile swopc {
+	src: url("http://example.org/swop-coated.icc");
+	components: auto;
+	display: relative-colorimetric;
+	display: absolute-colorimetric;
+	display: perceptual;
 }
 
 .color-adjust-1 {