diff --git a/packages/core/src/layout/Header/Header.stories.tsx b/packages/core/src/layout/Header/Header.stories.tsx
index 3deb980dfd..db4ddac8ec 100644
--- a/packages/core/src/layout/Header/Header.stories.tsx
+++ b/packages/core/src/layout/Header/Header.stories.tsx
@@ -53,38 +53,6 @@ export const Apis = () => (
   </Page>
 );
 
-export const Grpc = () => (
-  <Page themeId="grpc">
-    <Header title="Grpc catalogue" type="tool">
-      {labels}
-    </Header>
-  </Page>
-);
-
-export const AsyncApi = () => (
-  <Page themeId="asyncapi">
-    <Header title="Async API catalogue" type="tool">
-      {labels}
-    </Header>
-  </Page>
-);
-
-export const Graphql = () => (
-  <Page themeId="graphql">
-    <Header title="GraphQL API catalogue" type="tool">
-      {labels}
-    </Header>
-  </Page>
-);
-
-export const OpenApi = () => (
-  <Page themeId="openapi">
-    <Header title="OpenAPI catalogue" type="tool">
-      {labels}
-    </Header>
-  </Page>
-);
-
 export const Tool = () => (
   <Page themeId="tool">
     <Header title="Stand-alone tool" type="tool">
diff --git a/packages/theme/src/pageTheme.ts b/packages/theme/src/pageTheme.ts
index c9a61bd95b..36f49bcdf9 100644
--- a/packages/theme/src/pageTheme.ts
+++ b/packages/theme/src/pageTheme.ts
@@ -63,5 +63,5 @@ export const pageTheme: Record<string, PageTheme> = {
   library: genPageTheme(colorVariants.rubyRed, shapes.wave),
   other: genPageTheme(colorVariants.darkGrey, shapes.wave),
   app: genPageTheme(colorVariants.toastyOrange, shapes.wave),
-  apis: genPageTheme(colorVariants.eveningSea, shapes.wave2),
+  apis: genPageTheme(colorVariants.teal, shapes.wave2),
 };