diff --git a/src/main.css b/src/main.css
index 20a3021..3409327 100644
--- a/src/main.css
+++ b/src/main.css
@@ -39,7 +39,7 @@ a:not(.no-link-style), button.link-style {
 
 @layer utilities {
     .link-style-u {
-        @apply text-coral-700 hover:text-coral-800 active:text-coral-950 visited:text-spring-500 visited:hover:text-spring-700 active:text-spring-950 underline;
+        @apply text-coral-700 hover:text-coral-800 active:text-coral-950 visited:text-teal-500 visited:hover:text-teal-700 active:text-teal-950 underline;
     }
     .container {
         /* container like the builtin one, but limited to lg */
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 97c1e36..d283b5c 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -5,7 +5,7 @@
 </script>
 
 <div class="flex flex-col text-blue-950">
-	<nav class="min-h-16 h-16 bg-spring-700 text-coral-50 mb-2">
+	<nav class="min-h-16 h-16 bg-teal-700 text-coral-50 mb-2">
 		<div class="mx-auto container flex h-full justify-between">
 			<a class="flex h-full flex-col justify-center font-aladin text-4xl
 					  text-coral-50 no-link-style"
diff --git a/tailwind.config.js b/tailwind.config.js
index 4844871..47d126e 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -40,25 +40,25 @@ export default {
 				'900': '#881514',
 				'950': '#4a0505',
 			},
-			'spring': {
-				'50': '#f5faf3',
-				'100': '#e7f5e3',
-				'200': '#d0e9c9',
-				'300': '#9cd08f',
-				'400': '#7dbb6d',
-				'500': '#599f48',
-				'600': '#458237',
-				'700': '#39672e',
-				'800': '#305328',
-				'900': '#294423',
-				'950': '#12240f',
+			teal: {
+				'50': '#eefbf5',
+				'100': '#d6f5e5',
+				'200': '#b1e9d0',
+				'300': '#7ed7b5',
+				'400': '#49be95',
+				'500': '#27a27b',
+				'600': '#188162',
+				'700': '#136951',
+				'800': '#125342',
+				'900': '#104437',
+				'950': '#08261f',
 			},
 		},
 		screens: {
 			sm: "640px",
 			md: "768px",
 			lg: "1024px",
-            xl: "1180px",
+			xl: "1180px",
 			// >xl removed as site isn't
 			// that dense https://tailwindcss.com/docs/screens
 		}
@@ -68,7 +68,7 @@ export default {
 		// this is pretty sensible, and depended on in src/routes/colors/Color.svelte
 		{ pattern: /bg-.+/ }
 	],
-    corePlugins: {
-        container: false
-    }
+	corePlugins: {
+		container: false
+	}
 };