diff --git a/.gitignore b/.gitignore
index 93d5dabde7..07988e33f3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -26,6 +26,7 @@ generated-icons/
 coverage/
 /docs
 docs-static/**/*.d.ts
+packages/colors/esm/
 
 # exclude site except for site/docs/versions
 site/*
diff --git a/packages/colors/package.json b/packages/colors/package.json
index 096251aa74..850d378677 100644
--- a/packages/colors/package.json
+++ b/packages/colors/package.json
@@ -3,10 +3,12 @@
     "version": "4.1.23",
     "description": "Blueprint color definitions",
     "main": "lib/index.js",
+    "module": "esm/index.js",
     "scripts": {
         "clean": "rm -rf lib/*",
         "compile": "run-p \"compile:*\"",
         "compile:esm": "tsc -p src/",
+        "compile:cjs": "tsc -p src/ -m commonjs --outDir lib",
         "compile:css": "sass-compile ./src",
         "compile:css-colors": "generate-css-variables --retainDefault true --outputFileName colors _colors.scss",
         "dev": "run-p \"compile:esm -- --watch\" \"compile:css -- --watch\"",
diff --git a/packages/colors/src/tsconfig.json b/packages/colors/src/tsconfig.json
index 3847bd2142..14fc27f02e 100644
--- a/packages/colors/src/tsconfig.json
+++ b/packages/colors/src/tsconfig.json
@@ -2,8 +2,7 @@
     "extends": "../../../config/tsconfig.base",
     "compilerOptions": {
         "lib": ["es6", "dom"],
-        "module": "commonjs",
-        "outDir": "../lib",
+        "outDir": "../esm",
         "target": "ES2015"
     }
 }