diff --git a/lib/cobblemon_ui/type_chart.ex b/lib/cobblemon_ui/type_chart.ex
index fba0a7d..3597545 100644
--- a/lib/cobblemon_ui/type_chart.ex
+++ b/lib/cobblemon_ui/type_chart.ex
@@ -247,6 +247,27 @@ defmodule CobblemonUi.TypeChart do
   def type_text_color("fairy"), do: "text-[#D685AD]"
   def type_text_color(_), do: "text-base-content/50"
 
+  @doc "Returns a Tailwind `fill-[#hex]` class for SVG icon coloring."
+  def type_fill_color("normal"), do: "fill-[#A8A77A]"
+  def type_fill_color("fire"), do: "fill-[#EE8130]"
+  def type_fill_color("water"), do: "fill-[#6390F0]"
+  def type_fill_color("grass"), do: "fill-[#7AC74C]"
+  def type_fill_color("electric"), do: "fill-[#F7D02C]"
+  def type_fill_color("ice"), do: "fill-[#96D9D6]"
+  def type_fill_color("fighting"), do: "fill-[#C22E28]"
+  def type_fill_color("poison"), do: "fill-[#A33EA1]"
+  def type_fill_color("ground"), do: "fill-[#E2BF65]"
+  def type_fill_color("flying"), do: "fill-[#A98FF3]"
+  def type_fill_color("psychic"), do: "fill-[#F95587]"
+  def type_fill_color("bug"), do: "fill-[#A6B91A]"
+  def type_fill_color("rock"), do: "fill-[#B6A136]"
+  def type_fill_color("ghost"), do: "fill-[#735797]"
+  def type_fill_color("dragon"), do: "fill-[#6F35FC]"
+  def type_fill_color("dark"), do: "fill-[#705746]"
+  def type_fill_color("steel"), do: "fill-[#B7B7CE]"
+  def type_fill_color("fairy"), do: "fill-[#D685AD]"
+  def type_fill_color(_), do: "fill-base-content"
+
   @doc """
   Returns the static asset path for a type's SVG icon.
   """