diff --git a/packages/frontend/src/features/text-editor/TextEditorToolbar.tsx b/packages/frontend/src/features/text-editor/TextEditorToolbar.tsx
index 3c4c6318..ac2234d4 100644
--- a/packages/frontend/src/features/text-editor/TextEditorToolbar.tsx
+++ b/packages/frontend/src/features/text-editor/TextEditorToolbar.tsx
@@ -105,13 +105,18 @@ const ColorInput = () => {
           <Stack p="8px">
             <Stack gap="8px" flexDir="row" justifyContent="space-around" w="100%">
               <ColorButton value={currentValue} color="black" />
-              <ColorButton value={currentValue} color="#000091" />
-              <ColorButton value={currentValue} color="#E1000F" />
+              <ColorButton value={currentValue} color="#c9191e" />
+              <ColorButton value={currentValue} color="#666666" />
             </Stack>
             <Stack gap="8px" flexDir="row" justifyContent="space-around" w="100%">
-              <ColorButton value={currentValue} color="#6E445A" />
-              <ColorButton value={currentValue} color="#2B7758" />
-              <ColorButton value={currentValue} color="#465F9D" />
+              <ColorButton value={currentValue} color="#cecece" />
+              <ColorButton value={currentValue} color="#0078f3" />
+              <ColorButton value={currentValue} color="#1f8d49" />
+            </Stack>
+            <Stack gap="8px" flexDir="row" justifyContent="space-around" w="100%">
+              <ColorButton value={currentValue} color="#68a532" />
+              <ColorButton value={currentValue} color="#e4794a" />
+              <ColorButton value={currentValue} color="#272747" />
             </Stack>
           </Stack>
         </Popover.Content>