diff --git a/src/components/icons/YouTubeIcon.tsx b/src/components/icons/YouTubeIcon.tsx
new file mode 100644
index 00000000..d1b2999a
--- /dev/null
+++ b/src/components/icons/YouTubeIcon.tsx
@@ -0,0 +1,19 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color, secondaryColor = 'black' }) => (
+
+))
diff --git a/src/icons.ts b/src/icons.ts
index 6c9f30c0..ae87d848 100644
--- a/src/icons.ts
+++ b/src/icons.ts
@@ -206,3 +206,4 @@ export { default as WavingHandIcon } from './components/icons/WavingHandIcon'
export { default as WebhooksIcon } from './components/icons/WebhooksIcon'
export { default as WindowsLogoIcon } from './components/icons/WindowsLogoIcon'
export { default as WorkspaceIcon } from './components/icons/WorkspaceIcon'
+export { default as YouTubeIcon } from './components/icons/YouTubeIcon'
diff --git a/src/theme/colors-base.ts b/src/theme/colors-base.ts
index 40791f9c..4829e25c 100644
--- a/src/theme/colors-base.ts
+++ b/src/theme/colors-base.ts
@@ -21,6 +21,7 @@ export const grey = {
200: '#C5C9D3',
100: '#DFE2E7',
50: '#EBEFF0',
+ 25: '#F9FAFA',
} as const satisfies Record
export const purple = {