diff --git a/client/src/common/components/Header/components/ColorDialog/styles.sass b/client/src/common/components/Header/components/ColorDialog/styles.sass
new file mode 100644
index 0000000..3246536
--- /dev/null
+++ b/client/src/common/components/Header/components/ColorDialog/styles.sass
@@ -0,0 +1,24 @@
+@import "@/common/styles/colors"
+
+.color-dialog
+  display: grid
+  grid-template-columns: repeat(5, 1fr)
+  user-select: none
+  margin: 1rem 0.5rem
+  gap: 0.5rem
+
+  .color-item
+    width: 2rem
+    height: 2rem
+    border-radius: 0.8rem
+    padding: 0.5rem
+    cursor: pointer
+
+    .color-check
+      width: 100%
+      height: 100%
+      display: flex
+      align-items: center
+      justify-content: center
+      color: $black
+      font-size: 12pt
\ No newline at end of file