diff --git a/components/Footer.tsx b/components/Footer.tsx
index 4d14fb7..e650f5e 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -2,7 +2,7 @@ import { Container, Divider, Grid, Link, Paper, Typography } from '@mui/material
 
 const Header = () => {
   return (
-    <Paper sx={{ bgcolor: 'grey.800', color: 'common.white' }}>
+    <Paper sx={{ color: 'common.black', bgcolor: '#F1F8FF' }}>
       <Container>
         <Typography align="center" sx={{ p: '20px' }}>
           Business Finlandin mukaan sertifiointi on laadun tae kansainvälisessä kaupassa.
@@ -10,7 +10,7 @@ const Header = () => {
           tarjoajia on hyvin paljon. Ideana on tuottaa nyt hankalasti ja pirstoutuneena oleva tieto
           yhteen paikkaan kaikkien toimijoiden avoimesti saataville.
         </Typography>
-        <Divider sx={{ bgcolor: 'common.white' }} />
+        <Divider sx={{ borderColor: 'common.black' }} />
         <Grid container justifyContent="space-around" sx={{ p: '10px' }}>
           <Grid item>
             <Link href="https://european-union.europa.eu/index_fi" color="inherit">
diff --git a/components/Header.tsx b/components/Header.tsx
index 66a3580..954e851 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -5,7 +5,7 @@ import { useRouter } from 'next/router';
 const Header = () => {
   const router = useRouter();
   return (
-    <AppBar position="static" color="inherit">
+    <AppBar position="static" color="inherit" sx={{ bgcolor: '#222222' }}>
       <Container>
         <Grid container justifyContent="space-between" alignItems="center">
           <Grid item>
@@ -13,7 +13,7 @@ const Header = () => {
               <MuiLink underline="none">
                 <Typography
                   component="h1"
-                  sx={{ fontWeight: '500', fontSize: '22px', p: '7px', color: 'text.primary' }}
+                  sx={{ fontWeight: '500', fontSize: '22px', p: '7px', color: 'common.white' }}
                 >
                   Matkailualan
                   <br /> sertifikaatit
@@ -24,7 +24,12 @@ const Header = () => {
           {router.pathname !== '/' && (
             <Grid item>
               <Link href="/" passHref>
-                <MuiLink data-testid="link-to-search">Yrityshakuun</MuiLink>
+                <MuiLink
+                  data-testid="link-to-search"
+                  sx={{ color: '#BCE3BF', textDecorationColor: '#BCE3BF' }}
+                >
+                  Yrityshakuun
+                </MuiLink>
               </Link>
             </Grid>
           )}
diff --git a/theme.ts b/theme.ts
index 4b3c1e0..08663d2 100644
--- a/theme.ts
+++ b/theme.ts
@@ -3,7 +3,11 @@ import { createTheme } from '@mui/material/styles';
 const theme = createTheme({
   palette: {
     primary: {
-      main: '#F97C80',
+      main: '#1D764A',
+      contrastText: '#DBEEFE',
+    },
+    common: {
+      black: '#2222222',
     },
   },
   typography: {
@@ -13,7 +17,15 @@ const theme = createTheme({
     MuiButton: {
       styleOverrides: {
         root: {
+          backgroundColor: '#1D764A',
+          color: '#FFFFFF',
           textTransform: 'none',
+          '&:hover': {
+            backgroundColor: '#1D764ACC',
+          },
+          '& .MuiSvgIcon-root': {
+            marginRight: '4px',
+          }
         },
       },
     },