diff --git a/front/src/modules/companies/__stories__/mock-data.ts b/front/src/modules/companies/__stories__/mock-data.ts
index f5cbb6204..3c3efac4a 100644
--- a/front/src/modules/companies/__stories__/mock-data.ts
+++ b/front/src/modules/companies/__stories__/mock-data.ts
@@ -8,31 +8,31 @@ export const pipeline = {
       id: 'pipeline-stage-1',
       name: 'New',
       index: 0,
-      color: '#B76796',
+      color: 'red',
     },
     {
       id: 'pipeline-stage-2',
       name: 'Screening',
       index: 1,
-      color: '#CB912F',
+      color: 'purple',
     },
     {
       id: 'pipeline-stage-3',
       name: 'Meeting',
       index: 2,
-      color: '#9065B0',
+      color: 'sky',
     },
     {
       id: 'pipeline-stage-4',
       name: 'Proposal',
       index: 3,
-      color: '#337EA9',
+      color: 'turquoise',
     },
     {
       id: 'pipeline-stage-5',
       name: 'Customer',
       index: 4,
-      color: '#079039',
+      color: 'yellow',
     },
   ],
 } as Pipeline;
diff --git a/front/src/testing/mock-data/pipelines.ts b/front/src/testing/mock-data/pipelines.ts
index e5fc0e6f5..906ef9e02 100644
--- a/front/src/testing/mock-data/pipelines.ts
+++ b/front/src/testing/mock-data/pipelines.ts
@@ -30,7 +30,7 @@ export const mockedPipelinesData: Array<MockedPipeline> = [
       {
         id: 'fe256b39-3ec3-4fe3-8998-b76aa0bfb600',
         name: 'New',
-        color: '#B76796',
+        color: 'red',
         index: 0,
         pipelineProgresses: [
           {
@@ -53,7 +53,7 @@ export const mockedPipelinesData: Array<MockedPipeline> = [
       {
         id: 'fe256b39-3ec3-4fe4-8998-b76aa0bfb600',
         name: 'Screening',
-        color: '#CB912F',
+        color: 'purple',
         index: 1,
         pipelineProgresses: [],
         __typename: 'PipelineStage',
@@ -61,7 +61,7 @@ export const mockedPipelinesData: Array<MockedPipeline> = [
       {
         id: 'fe256b39-3ec3-4fe5-8998-b76aa0bfb600',
         name: 'Meeting',
-        color: '#9065B0',
+        color: 'sky',
         index: 2,
         pipelineProgresses: [],
         __typename: 'PipelineStage',
@@ -69,7 +69,7 @@ export const mockedPipelinesData: Array<MockedPipeline> = [
       {
         id: 'fe256b39-3ec3-4fe6-8998-b76aa0bfb600',
         name: 'Proposal',
-        color: '#337EA9',
+        color: 'turquoise',
         index: 3,
         pipelineProgresses: [],
         __typename: 'PipelineStage',
@@ -77,7 +77,7 @@ export const mockedPipelinesData: Array<MockedPipeline> = [
       {
         id: 'fe256b39-3ec3-4fe7-8998-b76aa0bfb600',
         name: 'Customer',
-        color: '#079039',
+        color: 'yellow',
         index: 4,
         pipelineProgresses: [],
         __typename: 'PipelineStage',
diff --git a/server/src/core/pipeline/seed-data/pipeline-stages.json b/server/src/core/pipeline/seed-data/pipeline-stages.json
index 851b8cd59..aa5065737 100644
--- a/server/src/core/pipeline/seed-data/pipeline-stages.json
+++ b/server/src/core/pipeline/seed-data/pipeline-stages.json
@@ -1,31 +1,31 @@
 [
     {
       "name": "New",
-      "color": "#B76796",
+      "color": "red",
       "index": 0,
       "type": "open"
     },
     {
       "name": "Screening",
-      "color": "#CB912F",
+      "color": "purple",
       "index": 1,
       "type": "ongoing"
     },
     {
       "name": "Meeting",
-      "color": "#9065B0",
+      "color": "sky",
       "index": 2,
       "type": "ongoing"
     },
     {
       "name": "Proposal",
-      "color": "#337EA9",
+      "color": "turquoise",
       "index": 3,
       "type": "ongoing"
     },
     {
       "name": "Customer",
-      "color": "#079039",
+      "color": "yellow",
       "index": 4,
       "type": "won"
     }
diff --git a/server/src/database/seeds/pipelines.ts b/server/src/database/seeds/pipelines.ts
index 3f2426649..9b03b931f 100644
--- a/server/src/database/seeds/pipelines.ts
+++ b/server/src/database/seeds/pipelines.ts
@@ -18,7 +18,7 @@ export const seedPipelines = async (prisma: PrismaClient) => {
     create: {
       id: 'twenty-fe256b39-3ec3-4fe3-8998-b76aa0bfb600',
       name: 'New',
-      color: '#B76796',
+      color: 'red',
       index: 0,
       type: 'open',
       pipelineId: 'twenty-fe256b39-3ec3-4fe3-8997-b75aa0bfb400',
@@ -32,7 +32,7 @@ export const seedPipelines = async (prisma: PrismaClient) => {
     create: {
       id: 'twenty-fe256b39-3ec3-4fe4-8998-b76aa0bfb600',
       name: 'Screening',
-      color: '#CB912F',
+      color: 'purple',
       index: 1,
       type: 'ongoing',
       pipelineId: 'twenty-fe256b39-3ec3-4fe3-8997-b75aa0bfb400',
@@ -46,7 +46,7 @@ export const seedPipelines = async (prisma: PrismaClient) => {
     create: {
       id: 'twenty-fe256b39-3ec3-4fe5-8998-b76aa0bfb600',
       name: 'Meeting',
-      color: '#9065B0',
+      color: 'sky',
       index: 2,
       type: 'ongoing',
       pipelineId: 'twenty-fe256b39-3ec3-4fe3-8997-b75aa0bfb400',
@@ -60,7 +60,7 @@ export const seedPipelines = async (prisma: PrismaClient) => {
     create: {
       id: 'twenty-fe256b39-3ec3-4fe6-8998-b76aa0bfb600',
       name: 'Proposal',
-      color: '#337EA9',
+      color: 'turquoise',
       index: 3,
       type: 'ongoing',
       pipelineId: 'twenty-fe256b39-3ec3-4fe3-8997-b75aa0bfb400',
@@ -74,7 +74,7 @@ export const seedPipelines = async (prisma: PrismaClient) => {
     create: {
       id: 'twenty-fe256b39-3ec3-4fe7-8998-b76aa0bfb600',
       name: 'Customer',
-      color: '#079039',
+      color: 'yellow',
       index: 4,
       type: 'won',
       pipelineId: 'twenty-fe256b39-3ec3-4fe3-8997-b75aa0bfb400',
@@ -148,7 +148,7 @@ export const seedPipelines = async (prisma: PrismaClient) => {
     create: {
       id: 'twenty-fe256b39-3ec3-4fe3-8998-a76aa0bfb600',
       name: 'New',
-      color: '#B76796',
+      color: 'red',
       index: 1,
       type: 'open',
       pipelineId: 'twenty-fe256b39-3ec3-4fe3-8997-b74aa0bfb400',
@@ -185,7 +185,7 @@ export const seedPipelines = async (prisma: PrismaClient) => {
     create: {
       id: 'twenty-dev-fe256b39-3ec3-4fe3-8998-b76aa0bfb600',
       name: 'New',
-      color: '#B76796',
+      color: 'red',
       index: 0,
       type: 'open',
       pipelineId: 'twenty-dev-fe256b39-3ec3-4fe3-8997-b75aa0bfb400',
@@ -199,7 +199,7 @@ export const seedPipelines = async (prisma: PrismaClient) => {
     create: {
       id: 'twenty-dev-fe256b39-3ec3-4fe4-8998-b76aa0bfb600',
       name: 'Screening',
-      color: '#CB912F',
+      color: 'purple',
       index: 1,
       type: 'ongoing',
       pipelineId: 'twenty-dev-fe256b39-3ec3-4fe3-8997-b75aa0bfb400',
@@ -213,7 +213,7 @@ export const seedPipelines = async (prisma: PrismaClient) => {
     create: {
       id: 'twenty-dev-fe256b39-3ec3-4fe5-8998-b76aa0bfb600',
       name: 'Meeting',
-      color: '#9065B0',
+      color: 'sky',
       index: 2,
       type: 'ongoing',
       pipelineId: 'twenty-dev-fe256b39-3ec3-4fe3-8997-b75aa0bfb400',
@@ -227,7 +227,7 @@ export const seedPipelines = async (prisma: PrismaClient) => {
     create: {
       id: 'twenty-dev-fe256b39-3ec3-4fe6-8998-b76aa0bfb600',
       name: 'Proposal',
-      color: '#337EA9',
+      color: 'turquoise',
       index: 3,
       type: 'ongoing',
       pipelineId: 'twenty-dev-fe256b39-3ec3-4fe3-8997-b75aa0bfb400',
@@ -241,7 +241,7 @@ export const seedPipelines = async (prisma: PrismaClient) => {
     create: {
       id: 'twenty-dev-fe256b39-3ec3-4fe7-8998-b76aa0bfb600',
       name: 'Customer',
-      color: '#079039',
+      color: 'yellow',
       index: 4,
       type: 'won',
       pipelineId: 'twenty-dev-fe256b39-3ec3-4fe3-8997-b75aa0bfb400',