diff --git a/apps/snutt-webclient/src/App.tsx b/apps/snutt-webclient/src/App.tsx
index a91a78b3..4c9b512f 100644
--- a/apps/snutt-webclient/src/App.tsx
+++ b/apps/snutt-webclient/src/App.tsx
@@ -22,7 +22,6 @@ import {
   implTokenLocalStorageRepository,
   implTokenSessionStorageRepository,
 } from '@/infrastructures/implBrowserStorageRepository';
-import { implColorSnuttApiRepository } from '@/infrastructures/implColorSnuttApiRepository';
 import { implFeedbackSnuttApiRepository } from '@/infrastructures/implFeedbackSnuttApiRepository';
 import { getNotificationRepository } from '@/infrastructures/implNotificationSnuttApiRepository';
 import { implSearchSnuttApiRepository } from '@/infrastructures/implSearchSnuttApiRepository';
@@ -104,11 +103,10 @@ export const App = () => {
     const semesterRepository = implSemesterSnuttApiRepository({ snuttApi });
     const searchRepository = implSearchSnuttApiRepository({ snuttApi });
     const notificationRepository = getNotificationRepository({ snuttApi });
-    const colorRepository = implColorSnuttApiRepository({ snuttApi });
 
     const feedbackService = getFeedbackService({ feedbackRepository });
     const userService = getUserService({ userRepository });
-    const colorService = getColorService({ colorRepository });
+    const colorService = getColorService();
     const notificationService = getNotificationService({ notificationRepository });
     const searchService = getSearchService({ searchRepository });
     const timetableService = getTimetableService({ timetableRepository });
diff --git a/apps/snutt-webclient/src/infrastructures/implColorSnuttApiRepository.ts b/apps/snutt-webclient/src/infrastructures/implColorSnuttApiRepository.ts
deleted file mode 100644
index ed76bade..00000000
--- a/apps/snutt-webclient/src/infrastructures/implColorSnuttApiRepository.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-import { type SnuttApi } from '@sf/snutt-api';
-
-import { type getColorService } from '@/usecases/colorService';
-
-export const implColorSnuttApiRepository = ({
-  snuttApi,
-}: {
-  snuttApi: SnuttApi;
-}): Parameters<typeof getColorService>[0]['colorRepository'] => {
-  return {
-    getColorPalette: async ({ token }) => {
-      const { status, data } = await snuttApi['GET /v1/colors/vivid_ios']({ token });
-      if (status === 200) return data.colors;
-      else throw data;
-    },
-  };
-};
diff --git a/apps/snutt-webclient/src/usecases/colorService.ts b/apps/snutt-webclient/src/usecases/colorService.ts
index b8344ec0..4f8a05fa 100644
--- a/apps/snutt-webclient/src/usecases/colorService.ts
+++ b/apps/snutt-webclient/src/usecases/colorService.ts
@@ -1,16 +1,23 @@
 import type { Color } from '@/entities/color';
 
 export interface ColorService {
-  getColorList(_: { token: string }): Promise<Color[]>;
+  getColorList(_: { token: string }): Color[];
 }
 
-type Deps = {
-  colorRepository: {
-    getColorPalette({ token }: { token: string }): Promise<Color[]>;
-  };
-};
-export const getColorService = ({ colorRepository }: Deps): ColorService => {
+export const getColorService = (): ColorService => {
   return {
-    getColorList: (req: { token: string }) => colorRepository.getColorPalette(req),
+    getColorList: () => {
+      return [
+        { fg: '#ffffff', bg: '#e54459' },
+        { fg: '#ffffff', bg: '#f58d3d' },
+        { fg: '#ffffff', bg: '#fac52d' },
+        { fg: '#ffffff', bg: '#a6d930' },
+        { fg: '#ffffff', bg: '#2bc366' },
+        { fg: '#ffffff', bg: '#1bd0c9' },
+        { fg: '#ffffff', bg: '#1d99e9' },
+        { fg: '#ffffff', bg: '#4f48c4' },
+        { fg: '#ffffff', bg: '#af56b3' },
+      ];
+    },
   };
 };