diff --git a/src/components/PageTitle/PageTitle.tsx b/src/components/PageTitle/PageTitle.tsx
index f441644..3e6aa81 100644
--- a/src/components/PageTitle/PageTitle.tsx
+++ b/src/components/PageTitle/PageTitle.tsx
@@ -3,6 +3,7 @@ import { Show } from 'solid-js'
 import { RiSystemLockPasswordLine } from 'solid-icons/ri'
 import { FiHash } from 'solid-icons/fi'
 import { Si1password } from 'solid-icons/si'
+import { TbColorSwatch } from 'solid-icons/tb'
 
 export default (props: { title: string; description: string }) => {
   return (
@@ -16,6 +17,9 @@ export default (props: { title: string; description: string }) => {
       <Show when={props.title === 'Password Manager'}>
         <Si1password class="title__icon" opacity={1} />
       </Show>
+      <Show when={props.title === 'Color Converter'}>
+        <TbColorSwatch class="title__icon" opacity={1} />
+      </Show>
       <h1 class="title__text">{props.title}</h1>
       <p class="title__description">{props.description}</p>
     </section>