diff --git a/web/src/components/items/ItemDetail.tsx b/web/src/components/items/ItemDetail.tsx
index 7e78a52..f7fdf39 100644
--- a/web/src/components/items/ItemDetail.tsx
+++ b/web/src/components/items/ItemDetail.tsx
@@ -64,9 +64,11 @@ export function ItemDetail({
   }
 
   const typeColors: Record<string, { bg: string; color: string }> = {
-    part: { bg: "rgba(137,180,250,0.2)", color: "var(--ctp-blue)" },
-    assembly: { bg: "rgba(166,227,161,0.2)", color: "var(--ctp-green)" },
-    document: { bg: "rgba(249,226,175,0.2)", color: "var(--ctp-yellow)" },
+    part: { bg: "rgba(166,227,161,0.2)", color: "var(--ctp-green)" },
+    assembly: { bg: "rgba(203,166,247,0.2)", color: "var(--ctp-mauve)" },
+    document: { bg: "rgba(137,180,250,0.2)", color: "var(--ctp-blue)" },
+    purchased: { bg: "rgba(250,179,135,0.2)", color: "var(--ctp-peach)" },
+    phantom: { bg: "rgba(127,132,156,0.2)", color: "var(--ctp-overlay1)" },
     tooling: { bg: "rgba(243,139,168,0.2)", color: "var(--ctp-red)" },
   };
   const tc = typeColors[item.item_type] ?? {
diff --git a/web/src/components/items/ItemTable.tsx b/web/src/components/items/ItemTable.tsx
index 504f7bb..a8941a4 100644
--- a/web/src/components/items/ItemTable.tsx
+++ b/web/src/components/items/ItemTable.tsx
@@ -49,9 +49,11 @@ interface ItemTableProps {
 }
 
 const typeColors: Record<string, { bg: string; color: string }> = {
-  part: { bg: "rgba(137,180,250,0.2)", color: "var(--ctp-blue)" },
-  assembly: { bg: "rgba(166,227,161,0.2)", color: "var(--ctp-green)" },
-  document: { bg: "rgba(249,226,175,0.2)", color: "var(--ctp-yellow)" },
+  part: { bg: "rgba(166,227,161,0.2)", color: "var(--ctp-green)" },
+  assembly: { bg: "rgba(203,166,247,0.2)", color: "var(--ctp-mauve)" },
+  document: { bg: "rgba(137,180,250,0.2)", color: "var(--ctp-blue)" },
+  purchased: { bg: "rgba(250,179,135,0.2)", color: "var(--ctp-peach)" },
+  phantom: { bg: "rgba(127,132,156,0.2)", color: "var(--ctp-overlay1)" },
   tooling: { bg: "rgba(243,139,168,0.2)", color: "var(--ctp-red)" },
 };