diff --git a/design_files/aretherecookies.com/css/styles.css b/design_files/aretherecookies.com/css/styles.css
index 0635dbd..31012c0 100644
--- a/design_files/aretherecookies.com/css/styles.css
+++ b/design_files/aretherecookies.com/css/styles.css
@@ -5,14 +5,14 @@ h2 {
     text-align: center;
 }
 a, a:active, a:visited {
-    color: #6D5354;
+    color: #017C9A;
 }
 a:hover {
     text-decoration: underline;
 }
 .btn, .btn:visited {
-    background-color: #6D5354;
-    border-color: #6D5354;
+    background-color: #017C9A;
+    border-color: #017C9A;
     color: #fff;
 }
 .atc-header {
@@ -42,7 +42,7 @@ a:hover {
 .screens img {
     max-height: 288px;
     margin-top: 1rem;
-    border: 1px #6D5354 solid;
+    border: 1px #017C9A solid;
 }
 
 @media (max-width : 576px) {
diff --git a/js/components/TopToolbar.js b/js/components/TopToolbar.js
index 9bbce0a..ab862ee 100644
--- a/js/components/TopToolbar.js
+++ b/js/components/TopToolbar.js
@@ -130,13 +130,13 @@ class TopToolbar extends Component {
 									<TouchableOpacity
 										onPress={onFilterPress}
 										style={{
-											backgroundColor: '#E5E5E5',
+											backgroundColor: '#D4EAEF',
 											borderRadius: 3,
 											marginHorizontal: 10,
 											paddingVertical: 5,
 											paddingHorizontal: 8,
 										}}>
-										<FAIcon name="filter" style={{ fontSize: 22 }} />
+										<FAIcon name="filter" style={{ fontSize: 22, color: palette.primaryColor }} />
 									</TouchableOpacity>
 								)}
 							</View>
diff --git a/js/pages/FoodItemDetail.js b/js/pages/FoodItemDetail.js
index df6326e..b19ea27 100644
--- a/js/pages/FoodItemDetail.js
+++ b/js/pages/FoodItemDetail.js
@@ -175,7 +175,7 @@ export const FoodItemDetail = (props: Props) => {
 					<RouterButton
 						title="Log in to update quantity"
 						to={loginWithBackto(`/foodItem/${foodItem.id}?loginAction=open-quantity-modal`)}
-						color={theme.palette.primaryColor}
+						color={theme.actionButton.speedDialActionIcon.backgroundColor}
 					/>
 				)}
 			</View>
diff --git a/js/pages/LandingPage.js b/js/pages/LandingPage.js
index 06cb51c..bcee19c 100644
--- a/js/pages/LandingPage.js
+++ b/js/pages/LandingPage.js
@@ -1,7 +1,7 @@
 // @flow
 import React from 'react';
 import { View, Text } from 'react-native';
-// import atcCookieImage from '../imgs/atc-cookie-logo.png';
+import wttpImage from '../imgs/toilet-paper-solid.png';
 import { Link } from 'react-router-native';
 import RouterButton from 'react-router-native-button';
 import { compose, withHandlers, withState } from 'recompose';
@@ -36,11 +36,11 @@ const LandingPage = ({ skipIfAlreadyChosen, loading }: Props) => {
 				flex: 1,
 				height: '100%',
 			}}>
-			{/* <Image
-				source={atcCookieImage}
+			{ <Image
+				source={wttpImage}
 				style={{ height: 320, marginBottom: 10 }}
 				resizeMode="contain"
-			/> */}
+			/> }
 			<Text style={{ fontSize: 24, marginBottom: 30, textAlign: 'center', width: 330 }}>
 				We need to use your location to bring you the best experience possible.
 			</Text>
diff --git a/js/pages/LoginPage.js b/js/pages/LoginPage.js
index 4f335bc..89e2b2a 100644
--- a/js/pages/LoginPage.js
+++ b/js/pages/LoginPage.js
@@ -140,7 +140,7 @@ const LoginPageComponent = ({
 
 				<View style={{ flexDirection: 'row', padding: 16, paddingBottom: 0, paddingTop: 32 }}>
 					<View style={{ flex: 1, flexDirection: 'column' }}>
-						<Button title={submitTitle} onPress={submitAction} color={theme.palette.primaryColor} />
+						<Button title={submitTitle} onPress={submitAction} color={theme.actionButton.speedDialActionIcon.backgroundColor} />
 					</View>
 				</View>
 
diff --git a/js/ui-theme.js b/js/ui-theme.js
index de03bd4..ebcf42b 100644
--- a/js/ui-theme.js
+++ b/js/ui-theme.js
@@ -5,11 +5,11 @@
  */
 import { COLOR } from 'react-native-material-ui';
 
-export const primaryColor = '#6d5354';
+export const primaryColor = '#017C9A';
 
 export const palette = {
 	primaryColor,
-	accentColor: '#0E6E9E',
+	accentColor: '#017C9A',
 	disabledColor: COLOR.grey500,
 	facebook: '#3B5998',
 	google: '#DB4437',
@@ -18,7 +18,7 @@ export const palette = {
 };
 
 export default {
-	statusBarColor: '#412A2B',
+	statusBarColor: '#00506C',
 	palette: palette,
 	toolbar: {
 		titleText: { color: COLOR.white },
@@ -32,12 +32,12 @@ export default {
 	},
 	actionButton: {
 		speedDialActionIcon: {
-			backgroundColor: '#48A0CC',
+			backgroundColor: '#00506C',
 		},
 	},
 	checkbox: {
 		icon: {
-			color: '#0E6E9E',
+			color: '#017C9A',
 		},
 	},
 	page: {
@@ -89,18 +89,18 @@ export default {
 		pressHighlightColor: COLOR.pink500,
 	},
 	countBadge: {
-		backgroundColor: primaryColor,
+		backgroundColor: '#00506C',
 		textColor: COLOR.white,
 	},
 	pickerItemRow: {
 		defaultColor: '#000000',
-		selectedColor: '#0E6E9E',
+		selectedColor: '#017C9A',
 	},
 	foodItemDetails: {
-		actionIconColor: '#0E6E9E',
+		actionIconColor: '#017C9A',
 	},
 	placeDetails: {
-		actionIconColor: '#0E6E9E',
+		actionIconColor: '#017C9A',
 	},
 	imagePreview: {
 		deleteBtnIconColor: 'white',
@@ -131,7 +131,7 @@ export default {
 			elevation: 6,
 		},
 		contentContainer: {
-			backgroundColor: '#6D5354',
+			backgroundColor: '#017C9A',
 			height: 150,
 		},
 	},
diff --git a/static/toilet-paper-solid.png b/static/toilet-paper-solid.png
new file mode 100644
index 0000000..d5ec583
Binary files /dev/null and b/static/toilet-paper-solid.png differ