diff --git a/apps/www/src/routes/v1/banners/[layout=layout]/+server.ts b/apps/www/src/routes/v1/banners/[layout=layout]/+server.ts
index 2ce6aca..3838737 100644
--- a/apps/www/src/routes/v1/banners/[layout=layout]/+server.ts
+++ b/apps/www/src/routes/v1/banners/[layout=layout]/+server.ts
@@ -13,8 +13,8 @@ export const GET = (async ({ params, url, fetch }) => {
 	const rtl: boolean = url.searchParams.get('rtl') !== 'false' && url.searchParams.get('rtl') !== null;
 
 	const colors: BannerOptions['colors'] = {
-		foreground: url.searchParams.get('foreground') ?? '#000000',
-		background: url.searchParams.get('background') ?? '#ffffff',
+		foreground: `#${url.searchParams.get('foreground') ?? '000000'}`,
+		background: `#${url.searchParams.get('background') ?? 'ffffff'}`,
 	};
 
 	const banner = await createBanner({