diff --git a/src/common-elements/headers.ts b/src/common-elements/headers.ts
index 88b1c377..8cc8d0af 100644
--- a/src/common-elements/headers.ts
+++ b/src/common-elements/headers.ts
@@ -22,7 +22,7 @@ export const H1 = styled.h1`
 
 export const H2 = styled.h2`
   ${headerCommonMixin(2)};
-  color: black;
+  color: ${({ theme }) => theme.colors.primary.main};
 
   ${extensionsHook('H2')};
 `;