diff --git a/scripts/builders/npm/css.ts b/scripts/builders/npm/css.ts
index 7bd816a..3ef20f1 100644
--- a/scripts/builders/npm/css.ts
+++ b/scripts/builders/npm/css.ts
@@ -4,11 +4,10 @@ import { ensureDir } from "std/fs/mod.ts";
 import { flavorEntries } from "@catppuccin/palette";
 
 const template = flavorEntries
-  .map(([flavorName, { colorEntries }]) => {
+  .map(([flavorName, { colorEntries, ansiColorEntries }]) => {
     const colors = colorEntries
       .map(([colorName, { hex, rgb, hsl: { h, s, l } }]) => {
         const name = `--ctp-${flavorName}-${colorName}`;
-
         return [
           sprintf("  %s: %s;", name, hex),
           sprintf("  %s-rgb: %d %d %d;", name, ...Object.values(rgb)),
@@ -16,12 +15,22 @@ const template = flavorEntries
         ].join("\n");
       })
       .join("\n");
-    return `:root {\n${colors}\n}`;
+
+    const ansiColors = ansiColorEntries.map(
+      ([ansiColorName, { normal, bright }]) => {
+        return [normal, bright].map((group) => {
+          const name =
+            `--ctp-${flavorName}-ansi-${group.name.toLowerCase()}-${ansiColorName}`;
+          return sprintf("  %s: %s;", name, group.hex);
+        }).join("\n");
+      },
+    ).join("\n");
+
+    return `:root {\n${colors}\n${ansiColors}\n}`;
   })
   .join("\n\n");
 
 export const compileCss = async (outDir: string) => {
   await ensureDir(`${outDir}/css`);
-
   Deno.writeTextFile(`${outDir}/css/catppuccin.css`, template);
 };