diff --git a/src/frontend/src/utils.ts b/src/frontend/src/utils.ts
index df8a8a61a..6ff05292f 100644
--- a/src/frontend/src/utils.ts
+++ b/src/frontend/src/utils.ts
@@ -45,6 +45,7 @@ import { twMerge } from "tailwind-merge";
 import { ADJECTIVES, DESCRIPTIONS, NOUNS } from "./constants";
 import { ComponentType, SVGProps } from "react";
 import {
+  Compass,
   Cpu,
   Fingerprint,
   Gift,
@@ -139,6 +140,7 @@ export const nodeColors: { [char: string]: string } = {
   toolkits: "#DB2C2C",
   wrappers: "#E6277A",
   utilities: "#31A3CC",
+  output_parsers: "#E6A627",
   unknown: "#9CA3AF",
 };
 
@@ -158,6 +160,7 @@ export const nodeNames: { [char: string]: string } = {
   wrappers: "Wrappers",
   textsplitters: "Text Splitters",
   utilities: "Utilities",
+  output_parsers: "Output Parsers",
   unknown: "Unknown",
 };
 
@@ -363,6 +366,9 @@ export const nodeIconsLucide: {
   utilities: Wand2 as React.ForwardRefExoticComponent<
     ComponentType<SVGProps<SVGSVGElement>>
   >,
+  output_parsers: Compass as React.ForwardRefExoticComponent<
+    ComponentType<SVGProps<SVGSVGElement>>
+  >,
   unknown: HelpCircle as React.ForwardRefExoticComponent<
     ComponentType<SVGProps<SVGSVGElement>>
   >,