feat: update designable banner storybook colours

Author: Juarez Mota

dotcom-rendering/src/components/marketing/banners/designableBanner/stories/DesignableBanner.stories.tsx

@@ -117,7 +117,7 @@ export const WithThreeTierChoiceCards: Story = {
 			...design,
 			visual: {
 				kind: 'ChoiceCards',
-				buttonColour: stringToHexColour('E5E5E5'),
+				buttonColour: stringToHexColour('F1F8FC'),
 			},
 		},
 		tracking: {
@@ -138,7 +138,7 @@ export const ThreeTierChoiceCardsWithHeaderImageAndCopy: Story = {
 			headerImage,
 			visual: {
 				kind: 'ChoiceCards',
-				buttonColour: stringToHexColour('E5E5E5'),
+				buttonColour: stringToHexColour('F1F8FC'),
 			},
 		},
 
@@ -162,7 +162,7 @@ export const HeaderImageOnly: Story = {
 			headerImage,
 			visual: {
 				kind: 'ChoiceCards',
-				buttonColour: stringToHexColour('E5E5E5'),
+				buttonColour: stringToHexColour('FFFFFF'),
 			},
 			colours: {
 				...design.colours,
@@ -215,7 +215,7 @@ export const DesignThreeAnimatedHeaderImage: Story = {
 			},
 			visual: {
 				kind: 'ChoiceCards',
-				buttonColour: stringToHexColour('E5E5E5'),
+				buttonColour: stringToHexColour('FFFFFF'),
 			},
 			colours: {
 				...design.colours,
@@ -239,7 +239,7 @@ export const WithTickerAndThreeTierChoiceCards: Story = {
 			...design,
 			visual: {
 				kind: 'ChoiceCards',
-				buttonColour: stringToHexColour('E5E5E5'),
+				buttonColour: stringToHexColour('F1F8FC'),
 			},
 		},
 		tracking: {
@@ -262,7 +262,7 @@ export const WithThreeTierChoiceCardsAndArticleCount: Story = {
 			...design,
 			visual: {
 				kind: 'ChoiceCards',
-				buttonColour: stringToHexColour('E5E5E5'),
+				buttonColour: stringToHexColour('F1F8FC'),
 			},
 		},
 		tracking: {
@@ -293,7 +293,7 @@ export const WithMixedDestinations: Story = {
 			...design,
 			visual: {
 				kind: 'ChoiceCards',
-				buttonColour: stringToHexColour('E5E5E5'),
+				buttonColour: stringToHexColour('F1F8FC'),
 			},
 		},
 		tracking: {
@@ -320,7 +320,7 @@ export const CollapsableWithThreeTierChoiceCards: Story = {
 			...design,
 			visual: {
 				kind: 'ChoiceCards',
-				buttonColour: stringToHexColour('E5E5E5'),
+				buttonColour: stringToHexColour('F1F8FC'),
 			},
 		},
 		tracking: {
@@ -374,7 +374,7 @@ export const CollapsableWithThreeTierChoiceCardsMaybeLaterVariant: Story = {
 			...design,
 			visual: {
 				kind: 'ChoiceCards',
-				buttonColour: stringToHexColour('E5E5E5'),
+				buttonColour: stringToHexColour('F1F8FC'),
 			},
 		},
 		tracking: {

dotcom-rendering/src/components/marketing/banners/utils/storybook.ts

@@ -111,22 +111,22 @@ export const design: ConfigurableDesign = {
 		},
 		primaryCta: {
 			default: {
-				text: stringToHexColour('FFFFFF'),
-				background: stringToHexColour('0077B6'),
+				text: stringToHexColour('052962'),
+				background: stringToHexColour('FFE500'),
 			},
 		},
 		secondaryCta: {
 			default: {
-				text: stringToHexColour('004E7C'),
+				text: stringToHexColour('000000'),
 				background: stringToHexColour('F1F8FC'),
-				border: stringToHexColour('004E7C'),
+				border: stringToHexColour('000000'),
 			},
 		},
 		closeButton: {
 			default: {
-				text: stringToHexColour('052962'),
-				background: stringToHexColour('F1F8FC'),
-				border: stringToHexColour('052962'),
+				text: stringToHexColour('000000'),
+				background: stringToHexColour('E6ECEF'),
+				border: stringToHexColour('E6ECEF'),
 			},
 		},
 		ticker: {