diff --git a/src/components/Card/Card.tsx b/src/components/Card/Card.tsx
index c891bb1..06c994a 100644
--- a/src/components/Card/Card.tsx
+++ b/src/components/Card/Card.tsx
@@ -2,6 +2,7 @@ import { Show, type JSX } from 'solid-js'
 import './Card.sass'
 import { RiSystemLockPasswordLine } from 'solid-icons/ri'
 import { FiHash } from 'solid-icons/fi'
+import { TbColorSwatch } from 'solid-icons/tb'
 
 export default (props: { title: string; description: string }) => {
   return (
@@ -12,6 +13,9 @@ export default (props: { title: string; description: string }) => {
       <Show when={props.title === 'Hash Generator'}>
         <FiHash class="card__icon" size={32} opacity={0.5} />
       </Show>
+      <Show when={props.title === 'Color Converter'}>
+        <TbColorSwatch class="card__icon" size={32} opacity={0.5} />
+      </Show>
       <h3 class="card__title">{props.title}</h3>
       <p class="card__description">{props.description}</p>
     </section>