diff --git a/SodaLive/Sources/Content/Detail/Comment/AudioContentCommentItemView.swift b/SodaLive/Sources/Content/Detail/Comment/AudioContentCommentItemView.swift
index 0e25ac8..1d560cc 100644
--- a/SodaLive/Sources/Content/Detail/Comment/AudioContentCommentItemView.swift
+++ b/SodaLive/Sources/Content/Detail/Comment/AudioContentCommentItemView.swift
@@ -33,8 +33,8 @@ struct AudioContentCommentItemView: View {
                     
                     VStack(alignment: .leading, spacing: 0) {
                         Text(commentItem.nickname)
-                            .font(.custom(Font.medium.rawValue, size: 13.3))
-                            .foregroundColor(Color(hex: "eeeeee"))
+                            .font(.custom(Font.medium.rawValue, size: 12))
+                            .foregroundColor(Color.gray90)
                         
                         Text(commentItem.date)
                             .font(.custom(Font.medium.rawValue, size: 10.3))
@@ -107,13 +107,13 @@ struct AudioContentCommentItemView: View {
                         .overlay(
                             RoundedRectangle(cornerRadius: 10)
                                 .strokeBorder(lineWidth: 1)
-                                .foregroundColor(Color(hex: "3bb9f1"))
+                                .foregroundColor(Color.button)
                         )
                     } else {
                         VStack(alignment: .leading, spacing: 13.3) {
                             Text(commentItem.comment)
-                                .font(.custom(Font.medium.rawValue, size: 12))
-                                .foregroundColor(Color(hex: "777777"))
+                                .font(.custom(Font.medium.rawValue, size: 13.3))
+                                .foregroundColor(Color.grayee)
                                 .fixedSize(horizontal: false, vertical: true)
                                 .padding(.top, commentItem.donationCan > 0 ? 0 : 13.3)
                             
@@ -127,7 +127,7 @@ struct AudioContentCommentItemView: View {
                                 ) {
                                     Text(commentItem.replyCount > 0 ? "답글 \(commentItem.replyCount)개" : "답글 쓰기")
                                         .font(.custom(Font.medium.rawValue, size: 13.3))
-                                        .foregroundColor(Color(hex: "9970ff"))
+                                        .foregroundColor(Color.button)
                                 }
                             }
                         }
diff --git a/SodaLive/Sources/Explorer/Profile/CreatorCommunity/All/Comment/CreatorCommunityCommentItemView.swift b/SodaLive/Sources/Explorer/Profile/CreatorCommunity/All/Comment/CreatorCommunityCommentItemView.swift
index 3f4658d..0e2b66c 100644
--- a/SodaLive/Sources/Explorer/Profile/CreatorCommunity/All/Comment/CreatorCommunityCommentItemView.swift
+++ b/SodaLive/Sources/Explorer/Profile/CreatorCommunity/All/Comment/CreatorCommunityCommentItemView.swift
@@ -33,8 +33,8 @@ struct CreatorCommunityCommentItemView: View {
                     
                     VStack(alignment: .leading, spacing: 0) {
                         Text(commentItem.nickname)
-                            .font(.custom(Font.medium.rawValue, size: 13.3))
-                            .foregroundColor(Color(hex: "eeeeee"))
+                            .font(.custom(Font.medium.rawValue, size: 12))
+                            .foregroundColor(Color.gray90)
                         
                         Text(commentItem.date)
                             .font(.custom(Font.medium.rawValue, size: 10.3))
@@ -86,8 +86,8 @@ struct CreatorCommunityCommentItemView: View {
                     } else {
                         VStack(alignment: .leading, spacing: 13.3) {
                             Text(commentItem.comment)
-                                .font(.custom(Font.medium.rawValue, size: 12))
-                                .foregroundColor(Color(hex: "777777"))
+                                .font(.custom(Font.medium.rawValue, size: 13.3))
+                                .foregroundColor(Color.grayee)
                                 .fixedSize(horizontal: false, vertical: true)
                                 .padding(.top, 13.3)
                             
@@ -101,7 +101,7 @@ struct CreatorCommunityCommentItemView: View {
                                 ) {
                                     Text(commentItem.replyCount > 0 ? "답글 \(commentItem.replyCount)개" : "답글 쓰기")
                                         .font(.custom(Font.medium.rawValue, size: 13.3))
-                                        .foregroundColor(Color(hex: "9970ff"))
+                                        .foregroundColor(Color.button)
                                 }
                             }
                         }
diff --git a/SodaLive/Sources/Explorer/Profile/FanTalk/UserProfileFanTalkCheersItemView.swift b/SodaLive/Sources/Explorer/Profile/FanTalk/UserProfileFanTalkCheersItemView.swift
index 9c3409b..0bc614f 100644
--- a/SodaLive/Sources/Explorer/Profile/FanTalk/UserProfileFanTalkCheersItemView.swift
+++ b/SodaLive/Sources/Explorer/Profile/FanTalk/UserProfileFanTalkCheersItemView.swift
@@ -37,12 +37,12 @@ struct UserProfileFanTalkCheersItemView: View {
                     
                     VStack(alignment: .leading, spacing: 0) {
                         Text("\(cheersItem.nickname)")
-                            .font(.custom(Font.medium.rawValue, size: 13.3))
-                            .foregroundColor(Color(hex: "eeeeee"))
+                            .font(.custom(Font.medium.rawValue, size: 12))
+                            .foregroundColor(Color.gray90)
                         
                         Text("\(cheersItem.date)")
                             .font(.custom(Font.medium.rawValue, size: 10.7))
-                            .foregroundColor(Color(hex: "525252"))
+                            .foregroundColor(Color.gray55)
                             .padding(.top, 8.3)
                         
                         if isModeModify {
@@ -60,14 +60,14 @@ struct UserProfileFanTalkCheersItemView: View {
                                     .overlay(
                                         RoundedRectangle(cornerRadius: 10)
                                             .strokeBorder(lineWidth: 1)
-                                            .foregroundColor(Color(hex: "9970ff"))
+                                            .foregroundColor(Color.button)
                                     )
                                 
                                 Text("수정")
                                     .font(.custom(Font.bold.rawValue, size: 13.3))
                                     .foregroundColor(Color(hex: "ffffff"))
                                     .padding(13.3)
-                                    .background(Color(hex: "9970ff"))
+                                    .background(Color.button)
                                     .cornerRadius(6.7)
                                     .onTapGesture {
                                         modifyCheer(cheersItem.cheersId, cheers)
@@ -76,7 +76,7 @@ struct UserProfileFanTalkCheersItemView: View {
                                 
                                 Text("취소")
                                     .font(.custom(Font.bold.rawValue, size: 13.3))
-                                    .foregroundColor(Color(hex: "9970ff"))
+                                    .foregroundColor(Color.button)
                                     .padding(13.3)
                                     .background(Color(hex: "222222"))
                                     .cornerRadius(6.7)
@@ -87,8 +87,8 @@ struct UserProfileFanTalkCheersItemView: View {
                             .padding(.top, 13.3)
                         } else {
                             Text("\(cheersItem.content)")
-                                .font(.custom(Font.medium.rawValue, size: 12))
-                                .foregroundColor(Color(hex: "777777"))
+                                .font(.custom(Font.medium.rawValue, size: 13.3))
+                                .foregroundColor(Color.grayee)
                                 .fixedSize(horizontal: false, vertical: true)
                                 .padding(.top, 13.3)
                         }
@@ -131,7 +131,7 @@ struct UserProfileFanTalkCheersItemView: View {
                                 if userId == UserDefaults.int(forKey: .userId) {
                                     Text("답글쓰기")
                                         .font(.custom(Font.medium.rawValue, size: 12))
-                                        .foregroundColor(Color(hex: "9970ff"))
+                                        .foregroundColor(Color.button)
                                         .padding(.top, 18.3)
                                         .onTapGesture {
                                             isShowInputReply = true
@@ -146,7 +146,7 @@ struct UserProfileFanTalkCheersItemView: View {
                                         .frame(minWidth: 100)
                                         .padding(.horizontal, 6.7)
                                         .padding(.vertical, 6.7)
-                                        .background(Color(hex: "9970ff").opacity(0.3))
+                                        .background(Color.button.opacity(0.3))
                                         .cornerRadius(16.7)
                                         .padding(.top, 18.3)