diff --git a/components/Forms/ContactForm/ContactForm.tsx b/components/Forms/ContactForm/ContactForm.tsx
index 169ec79..7094176 100644
--- a/components/Forms/ContactForm/ContactForm.tsx
+++ b/components/Forms/ContactForm/ContactForm.tsx
@@ -411,7 +411,7 @@ export default function ContactForm(): ReactElement {
           disabled={!isDirty || Object.keys(errors).length !== 0}
           onClick={onSubmit}
           type="submit"
-          colorScheme="orange"
+          colorScheme="brand"
         >
           {t('submit')}
         </Button>
diff --git a/components/Forms/FormField/FormField.tsx b/components/Forms/FormField/FormField.tsx
index 5897c68..716aa93 100644
--- a/components/Forms/FormField/FormField.tsx
+++ b/components/Forms/FormField/FormField.tsx
@@ -13,10 +13,10 @@ export const FormField: React.FC<
     <Flex
       sx={{
         '& > :nth-of-type(1):hover + *': {
-          color: 'orange.300',
+          color: 'brand.300',
         },
         '& > :nth-of-type(1):focus + *': {
-          color: 'orange.400',
+          color: 'brand.400',
         },
       }}
       flexDir="column-reverse"
diff --git a/components/InfoList/InfoList.tsx b/components/InfoList/InfoList.tsx
index 84e66c5..2ee6d07 100644
--- a/components/InfoList/InfoList.tsx
+++ b/components/InfoList/InfoList.tsx
@@ -28,7 +28,7 @@ export default function InfoList({ items }: Props): ReactElement {
               <Link href={item.href}>{item.content}</Link>
             ) : (
               <ChakraLink
-                color="orange.400"
+                color="brand.400"
                 isExternal
                 rel="noopener noreferrer"
                 href={item.href}
diff --git a/components/Link/Link.tsx b/components/Link/Link.tsx
index 40ce7d0..e4d9c9b 100644
--- a/components/Link/Link.tsx
+++ b/components/Link/Link.tsx
@@ -16,7 +16,7 @@ export default function Link({
   return (
     <TranslatedLink {...props} href={href} passHref>
       <ChakraLink
-        color="orange.400"
+        color="brand.400"
         fontWeight="bold"
         onClick={
           onClick
diff --git a/components/MainNavigation/MainNavigation.tsx b/components/MainNavigation/MainNavigation.tsx
index 6264493..61486d3 100644
--- a/components/MainNavigation/MainNavigation.tsx
+++ b/components/MainNavigation/MainNavigation.tsx
@@ -81,7 +81,7 @@ export default function MainNavigation({
               <TranslatedLink key={menuItem.href} passHref href={menuItem.href}>
                 <Button
                   variant={menuItem.href === '/contact' ? 'solid' : 'link'}
-                  colorScheme="orange"
+                  colorScheme="brand"
                 >
                   {menuItem.label}
                 </Button>
@@ -89,7 +89,7 @@ export default function MainNavigation({
             ))}
           </HStack>
           <IconButton
-            colorScheme="orange"
+            colorScheme="brand"
             icon={<FontAwesomeIcon size="lg" icon={faBars} />}
             display={{ md: 'none' }}
             onClick={onOpen}
@@ -111,7 +111,7 @@ export default function MainNavigation({
                       isFullWidth
                       py={2}
                       variant={menuItem.href === '/contact' ? 'solid' : 'link'}
-                      colorScheme="orange"
+                      colorScheme="brand"
                     >
                       {menuItem.label}
                     </Button>
@@ -121,7 +121,7 @@ export default function MainNavigation({
             </VStack>
           </DrawerBody>
           <DrawerFooter>
-            <Button colorScheme="orange" variant="outline" onClick={onClose}>
+            <Button colorScheme="brand" variant="outline" onClick={onClose}>
               {t('close')}
             </Button>
           </DrawerFooter>
diff --git a/components/Obituary/components/Obituary.tsx b/components/Obituary/components/Obituary.tsx
index ca30e1b..ac9e05b 100644
--- a/components/Obituary/components/Obituary.tsx
+++ b/components/Obituary/components/Obituary.tsx
@@ -64,7 +64,7 @@ export const Obituary: ObituaryRenderer = (props) => {
       props,
       rootModalProps: {
         size: 'xl',
-        colorScheme: 'orange',
+        colorScheme: 'brand',
       },
     })
   }, [open, props])
@@ -73,7 +73,7 @@ export const Obituary: ObituaryRenderer = (props) => {
     <Box
       height="100%"
       transition="box-shadow 0.3s ease-in-out"
-      borderColor={isClicked ? 'orange.200' : 'gray.200'}
+      borderColor={isClicked ? 'brand.200' : 'gray.200'}
       borderWidth={1}
       borderStyle="solid"
       borderRadius="sm"
diff --git a/components/Obituary/components/ObituarySkeleton.tsx b/components/Obituary/components/ObituarySkeleton.tsx
index 99a4161..c019282 100644
--- a/components/Obituary/components/ObituarySkeleton.tsx
+++ b/components/Obituary/components/ObituarySkeleton.tsx
@@ -13,28 +13,28 @@ export const ObituarySkeleton = (): ReactElement => {
     >
       <VStack p={6} flexDir="column" spacing={3} h="100%">
         <SkeletonText
-          startColor="orange.200"
-          endColor="orange.400"
+          startColor="brand.200"
+          endColor="brand.400"
           noOfLines={1}
           width="50%"
         />
         <Skeleton
-          startColor="orange.200"
-          endColor="orange.400"
+          startColor="brand.200"
+          endColor="brand.400"
           width={140}
           height={140}
           style={{ marginTop: 16, marginBottom: 16 }}
         />
         <SkeletonText
-          startColor="orange.200"
-          endColor="orange.400"
+          startColor="brand.200"
+          endColor="brand.400"
           noOfLines={1}
           width="30%"
           style={{ marginBottom: 16 }}
         />
         <SkeletonText
-          startColor="orange.200"
-          endColor="orange.400"
+          startColor="brand.200"
+          endColor="brand.400"
           noOfLines={6}
           spacing={3}
           width="100%"
diff --git a/components/ObituaryGrid/ObituaryGrid.tsx b/components/ObituaryGrid/ObituaryGrid.tsx
index bf28f25..f99a4a7 100644
--- a/components/ObituaryGrid/ObituaryGrid.tsx
+++ b/components/ObituaryGrid/ObituaryGrid.tsx
@@ -58,7 +58,7 @@ export default function ObituaryGrid({
         <Flex justifyContent="center" mt={10}>
           <Button
             isLoading={isLoadingNext}
-            colorScheme="orange"
+            colorScheme="brand"
             disabled={!hasMore}
             onClick={onLoadMore}
             title={t('search-results-more')}
diff --git a/components/SearchInput/SearchInput.tsx b/components/SearchInput/SearchInput.tsx
index 4a066fb..3981adb 100644
--- a/components/SearchInput/SearchInput.tsx
+++ b/components/SearchInput/SearchInput.tsx
@@ -80,7 +80,7 @@ export default function SearchInput({
         isLoading={isTyping || isLoading}
         type="submit"
         aria-label="submit"
-        colorScheme="orange"
+        colorScheme="brand"
         onClick={() => {}}
         height="100%"
         minH={[12, 16]}
diff --git a/components/StoryBlok/FullWidthCTABlok/FullWidthCTABlok.tsx b/components/StoryBlok/FullWidthCTABlok/FullWidthCTABlok.tsx
index 751805c..aebc4f6 100644
--- a/components/StoryBlok/FullWidthCTABlok/FullWidthCTABlok.tsx
+++ b/components/StoryBlok/FullWidthCTABlok/FullWidthCTABlok.tsx
@@ -25,7 +25,7 @@ export default function FullWidthCTABlok({
   }
 
   return (
-    <Box backgroundColor="orange.400">
+    <Box backgroundColor="brand.400">
       <Container
         maxW="container.xl"
         color="white"
@@ -49,7 +49,7 @@ export default function FullWidthCTABlok({
             <Box mb={[4, 4, 0]}>
               <RichText>{body}</RichText>
             </Box>
-            <Button colorScheme="orange" onClick={onClickCTA}>
+            <Button colorScheme="brand" onClick={onClickCTA}>
               {ctaLabel}
             </Button>
           </HStack>
diff --git a/components/TopScroll/TopScroll.tsx b/components/TopScroll/TopScroll.tsx
index 75cfaf4..1847f12 100644
--- a/components/TopScroll/TopScroll.tsx
+++ b/components/TopScroll/TopScroll.tsx
@@ -36,7 +36,7 @@ export default function TopScroll({
       >
         <IconButton
           pointerEvents="all"
-          colorScheme="orange"
+          colorScheme="brand"
           onClick={onClick}
           aria-label="Scroll to top"
           isRound
diff --git a/contexts/ChakraProvider.tsx b/contexts/ChakraProvider.tsx
index 4931f3f..a354998 100644
--- a/contexts/ChakraProvider.tsx
+++ b/contexts/ChakraProvider.tsx
@@ -7,6 +7,20 @@ const theme = extendTheme({
     heading: 'Dancing Script',
     body: 'Nunito',
   },
+  colors: {
+    brand: {
+      50: '#FFFAF0',
+      100: '#FEEBC8',
+      200: '#FBD38D',
+      300: '#F6AD55',
+      400: '#ED8936',
+      500: '#DD6B20',
+      600: '#C05621',
+      700: '#9C4221',
+      800: '#7B341E',
+      900: '#652B19',
+    },
+  },
 })
 
 export const ChakraProvider: React.FC = ({ children }) => (
diff --git a/pages/contact.tsx b/pages/contact.tsx
index 5c23618..1bbbd27 100644
--- a/pages/contact.tsx
+++ b/pages/contact.tsx
@@ -50,7 +50,7 @@ export default function Contact({ story }: Props): ReactElement {
                 textAlign="center"
                 p={8}
                 color="white"
-                backgroundColor="orange.400"
+                backgroundColor="brand.400"
               >
                 <FontAwesomeIcon icon={infoIcon} size="3x" />
                 <Text mt={4}>{infoBlockText}</Text>