diff --git a/Base/res/html/misc/colors.html b/Base/res/html/misc/colors.html
index df0d67de1a..f236090873 100644
--- a/Base/res/html/misc/colors.html
+++ b/Base/res/html/misc/colors.html
@@ -12,6 +12,7 @@
             #g { background-color: rgba(0%, 100%, 0%, 1); }
             #h { background-color: hsl(120, 100%, 50%); }
             #i { background-color: hsla(120, 100%, 50%, 1); }
+            #j { color: lime; background-color: currentColor; }
         </style>
     </head>
     <body>
@@ -25,5 +26,6 @@
         <div id="g">This is green, using rgba(0%, 100%, 0%, 1).</div>
         <div id="h">This is green, using hsl(120, 100%, 50%).</div>
         <div id="i">This is green, using hsla(120, 100%, 50%, 1).</div>
+        <div id="j"><span style="color: black;">This is green, using currentcolor.</span></div>
     </body>
 </html>
diff --git a/Userland/Libraries/LibWeb/CSS/Identifiers.json b/Userland/Libraries/LibWeb/CSS/Identifiers.json
index dbbc891b0e..fdd0ee5a09 100644
--- a/Userland/Libraries/LibWeb/CSS/Identifiers.json
+++ b/Userland/Libraries/LibWeb/CSS/Identifiers.json
@@ -82,6 +82,7 @@
   "context-menu",
   "copy",
   "crosshair",
+  "currentcolor",
   "cursive",
   "dashed",
   "decimal",
diff --git a/Userland/Libraries/LibWeb/CSS/StyleValue.cpp b/Userland/Libraries/LibWeb/CSS/StyleValue.cpp
index 412b6bc440..8f4cda260b 100644
--- a/Userland/Libraries/LibWeb/CSS/StyleValue.cpp
+++ b/Userland/Libraries/LibWeb/CSS/StyleValue.cpp
@@ -33,6 +33,12 @@ String IdentifierStyleValue::to_string() const
 
 Color IdentifierStyleValue::to_color(Layout::NodeWithStyle const& node) const
 {
+    if (id() == CSS::ValueID::Currentcolor) {
+        if (!node.has_style())
+            return Color::Black;
+        return node.computed_values().color();
+    }
+
     auto& document = node.document();
     if (id() == CSS::ValueID::LibwebLink)
         return document.link_color();
