govuk-frontend
govuk-frontend copied to clipboard
Update organisation colours
A long-overdue update to our somewhat fairly outdated _colours-organisations.scss
file. In addition to adding missing organisations and updating the colours, I've tried to tackle the comments in #1919.
The main colours for all existing organisations haven't changed: reds are still red, blues are still blues (with the exception of UK Export Finance, which has rebranded in the intervening years). The specific shades are different though, as are many of the contrast-safe equivalent colours and shades.
Changes
Changes to code
- Adds a
$govuk-new-organisation-colours
feature flag to enable the new colour palette. - Adds a map of 'aliases' from old organisation keys to their new equivalents.
- This is only intended for internal renames (e.g. if we typo'd a name in a release). Changes due to rebrands or machinery of government changes should be added as a new entry in the colour map, with any defunct predecessor organisations marked as deprecated.
- Updates the
govuk-organisation-colour
function to produce a warning when a defunct organisation is referenced. - Updates all contrast-safe colours based on a fixed methodology (more about that below).
- Adds
contrast-safe
key to colour map and$contrast-safe
parameter to thegovuk-organisation-colour
mixin, to clearly indicate the intent behind them.- These replace the now deprecated
colour-websafe
key and$websafe
function parameter, respectively.
- These replace the now deprecated
Changes to organisations listed
- Adds current government departments that were missing from the colour map, with brand colours from Design102 and contrast-safe variants as determined by the process below:
-
department-for-energy-security-net-zero
-
department-for-science-innovation-technology
-
department-of-health-social-care
-
foreign-commonwealth-development-office
-
office-of-the-secretary-of-state-for-scotland
-
office-of-the-secretary-of-state-for-wales
-
prime-ministers-office-10-downing-street
-
- Adds government departments that have come and gone since the last significant update to the colour map for historical completeness.
-
department-for-business-energy-industrial-strategy
-
department-for-digital-culture-media-sport
-
ministry-of-housing-communities-local-government
-
- Adds deprecation messages to defunct organisations, with information on their replacements and current equivalents. See this comment for a list of defunct organisations and their replacements.
- Additionally deprecates the still-existant
government-equalities-office
. See this comment for why I've opted to deprecate GEO. - Changes the key names for entries that included 'and', making them consistent with other department key names. The old key names are aliased and will continue to work.
-
department-for-business-and-trade
→department-for-business-trade
-
department-for-communities-and-local-government
→department-for-communities-local-government
-
department-for-levelling-up-housing-and-communities
→department-for-levelling-up-housing-communities
-
- Significantly changes the colour for two organisations.
-
government-equalities-office
changes from purple to blue. At the time the file was last updated GEO was part of the Home Office. It is now part of the Cabinet Office. -
uk-export-finance
changes from dark green to red, to match their present branding.
-
Determining contrast-safe colours
Previously, there didn't appear to be much consistency in how contrast-safe colours were determined.
As noted in #1919, many of the colours intended to have higher contrast were actually lower contrast than the organisation's brand colour. Some organisations used completely different contrast-safe colours, like having a red brand colour but a blue contrast-safe colour. The selections made for contrast-safe colours appeared to be largely arbitrary.
Rather than try and work around that, I wrote a simple program:
- Check if the main colour meets 4.5:1 contrast ratio, if it does, don't calculate a contrast-safe colour.
- Otherwise, reduce the colour's lightness (in HSL colour space) by 5%.
- Check again. If it does, use it; otherwise, return to 2.
The resulting colours and contrast ratios are on this webpage that I put together.
This does mean that many colours that used to have 'contrast-safe' variants no longer do, as the brand colour already met the contrast requirement. This may be undesirable, as these (usually more muted) variant colours are currently used to style links on GOV.UK differently, and these will now appear identical to the brand colour.
I would argue that we call a duck a duck, and if there is a need for use case-specific variants of the brand colour, we define a process for what they are and explicitly name them as variants or according to their use case.
Possible changes
- I've kept defunct organisations in the file for backwards compatibility and potential historical need (i.e. it being gone doesn't mean it doesn't still have a page on GOV.UK), however we could remove some or all of these. We don't really have a process for deprecating keys within a map to my knowledge, however.
If we choose to deprecate organisations that no longer exist, here's a table of how each organisation has been split, merged or renamed.
Deprecated key | New key(s) |
---|---|
department-for-business-innovation-skills |
2016: renamed department-for-business-energy-industrial-strategy |
department-of-energy-climate-change |
2016: merged into department-for-business-energy-industrial-strategy |
uk-trade-investment |
2016: merged into department-for-international-trade |
department-for-communities-local-government |
2018: renamed ministry-of-housing-communities-local-government |
department-of-health |
2018: renamed department-of-health-social-care |
scotland-office |
2018: renamed office-of-the-secretary-of-state-for-scotland |
wales-office |
2018: renamed office-of-the-secretary-of-state-for-wales |
foreign-commonwealth-office |
2020: renamed foreign-commonwealth-development-office |
department-for-international-development |
2020: merged into foreign-commonwealth-development-office |
~~ministry-of-housing-communities-local-government ~~ |
2021: renamed department-for-levelling-up-housing-communities |
department-for-business-energy-industrial-strategy |
2023: split to form department-for-business-trade , department-for-energy-security-net-zero & department-science-innovation-technology |
department-for-international-trade |
2023: merged into department-for-business-trade |
department-for-digital-culture-media-sport |
2023: renamed department-for-culture-media-sport |
department-for-levelling-up-housing-communities |
2024: renamed back to ministry-of-housing-communities-local-government |
I've opted to deprecate the Government Equalities Office from the list of organisations. The GEO is one of the few organisations in the list that is not a ministerial department, and it's the only one that is an agency, being an agency of the Cabinet Office.
Agencies typically use the brand colours of their parent departments, so listing the GEO separately is redundant, as it shares the CO's colours. (It was previously part of the Home Office, which is why the colour currently shipped with Frontend is HO purple.)
I've received some documentation on what the colours are for the current ministerial departments. Will update this PR once I've ironed out some possible wrinkles.
I've been in contact with Design102, the design agency unit of the Government Communication Service—who are, as far as I can tell, the most definitive authority we have on the specific brand colours of all government departments.
We have most of the colours now, but there's seemingly some contention over the specific colours used by the new departments (DESNZ and DSIT, specifically). We're still trying to iron those out.
In the meantime, I've plugged what colours we do have into the code I used to generate the contrast-safe colours and push them to a personal repo: https://github.com/querkmachine/hmg-department-colours/ (The DESNZ and DSIT colours are still those from my prior investigation).
You can see the output it produces here: https://querkmachine.github.io/hmg-department-colours/
I've got some documentation from design102 dated January 2021 published on our intranet that the Home Office purple is now #732282 - would it be possible to include this in the changes? (and will close #3597)
(which should also already be AAA compliant with white text on top)
Just to update, we've updated the Home Office purple on https://design.homeoffice.gov.uk/styles/colour in PR https://github.com/UKHomeOffice/design-system/pull/514, which should match the Design 102 colour for the Home Office published in January 2021.
:clipboard: Stats
File sizes
File | Size |
---|---|
dist/govuk-frontend-development.min.css | 112.61 KiB |
dist/govuk-frontend-development.min.js | 41.83 KiB |
packages/govuk-frontend/dist/govuk/all.bundle.js | 87.33 KiB |
packages/govuk-frontend/dist/govuk/all.bundle.mjs | 82.03 KiB |
packages/govuk-frontend/dist/govuk/all.mjs | 981 B |
packages/govuk-frontend/dist/govuk/govuk-frontend-component.mjs | 359 B |
packages/govuk-frontend/dist/govuk/govuk-frontend.min.css | 112.6 KiB |
packages/govuk-frontend/dist/govuk/govuk-frontend.min.js | 41.82 KiB |
packages/govuk-frontend/dist/govuk/i18n.mjs | 5.55 KiB |
packages/govuk-frontend/dist/govuk/init.mjs | 4.86 KiB |
Modules
File | Size (bundled) | Size (minified) |
---|---|---|
all.mjs | 79.16 KiB | 39.79 KiB |
accordion.mjs | 23.5 KiB | 12.39 KiB |
button.mjs | 5.98 KiB | 2.69 KiB |
character-count.mjs | 22.4 KiB | 9.92 KiB |
checkboxes.mjs | 5.83 KiB | 2.83 KiB |
error-summary.mjs | 7.89 KiB | 3.46 KiB |
exit-this-page.mjs | 17.1 KiB | 9.26 KiB |
header.mjs | 4.46 KiB | 2.6 KiB |
notification-banner.mjs | 6.26 KiB | 2.62 KiB |
password-input.mjs | 15.15 KiB | 7.25 KiB |
radios.mjs | 4.83 KiB | 2.38 KiB |
skip-link.mjs | 4.39 KiB | 2.18 KiB |
tabs.mjs | 10.05 KiB | 6.06 KiB |
View stats and visualisations on the review app
Action run for 1acd94d557e8682d2026c13ab7d1e33d2bd0e1f1
I think this is probably ready for code review now, but as we don't intend to release until 5.1 at the earliest, I'm going to leave it in draft for the time being.
I wondered if you'd be able to incorporate the change of Home Office purple: https://github.com/alphagov/govuk-frontend/issues/3597 into this work? - It's a minor change of the colour purple that's published: https://design.homeoffice.gov.uk/styles/colour
@tomyems The colours used in this PR are based on those in a drafted update to the HMG identity guidelines.
Given those changes aren't finalised, I'm happy to change the HO colour for the time being (especially as changing one shade of purple for another is relatively uncontroversial), but in future we will change it to match the finalised identity guidelines.
Keeping the list of organisations and colours up to date has long been a pain point for us, so we want to keep things simple going forward by using the HMG identity guidelines as the authoritative source of truth. Hopefully our stance on that makes sense!
It was noted today that a potentially stealthy change here is the re-definition of the 'websafe' colours from being manually defined shades to being strictly used for 4.5:1 contrast compliance.
This change would have a knock-on effect on GOV.UK's departmental pages, many of which use the 'websafe' colour for link styling, which may be undesirable.
I've mocked up what some of the existing departmental pages would look like with the new colours for ease of comparison.
For the Cabinet Office and DCMS, link colours become more saturated as the faded 'websafe' colour is no longer available.
For DfT and the Home Office, things go the opposite way and take on the darker tones of those department's colours.
Other changes to npm package
diff --git a/packages/govuk-frontend/dist/govuk/helpers/_colour.scss b/packages/govuk-frontend/dist/govuk/helpers/_colour.scss
index 3a81fefe3..287c371ab 100644
--- a/packages/govuk-frontend/dist/govuk/helpers/_colour.scss
+++ b/packages/govuk-frontend/dist/govuk/helpers/_colour.scss
@@ -42,25 +42,61 @@
/// Get the colour for a government organisation
///
/// @param {String} $organisation - Organisation name, lowercase, hyphenated
-/// @param {Boolean} $websafe [true] - By default a 'websafe' version of the
-/// colour will be returned which meets contrast requirements . If you want to
-/// use the non-websafe version you can set this to `false` but your should
-/// ensure that you still meets contrast requirements for accessibility - for
-/// example, do not use the non-websafe version for text.
+/// @param {Boolean} $websafe - Deprecated. Use $contrast-safe instead.
+/// @param {Boolean} $contrast-safe [true] - By default a version of the colour
+/// will be returned which has a minimum 4.5:1 contrast ratio when used with
+/// white, as per the WCAG 2.1 Level AA guidelines. If you want to use the
+/// non-contrast safe version you can set this to `false` but your should
+/// ensure that you still meets contrast requirements for accessibility -
+/// for example, do not use the non-contrast safe version for text.
///
/// @return {Colour} Representation of colour for organisation
/// @throw if `$organisation` is not a known organisation
/// @access public
-@function govuk-organisation-colour($organisation, $websafe: true) {
+@function govuk-organisation-colour($organisation, $websafe: null, $contrast-safe: true) {
+ // Check if the $organisation exists in the aliases map. If so, change the
+ // value of $organisation to the aliased value.
+ @if map-has-key($_govuk_colours-organisations-aliases, $organisation) {
+ $organisation: map-get($_govuk_colours-organisations-aliases, $organisation);
+ }
+
+ // Check to see if the organisation exists
@if not map-has-key($govuk-colours-organisations, $organisation) {
@error "Unknown organisation `#{$organisation}`";
}
+ // Output a warning if $websafe is set.
+ @if $websafe and not index($govuk-suppressed-warnings, "organisation-colour-websafe-param") {
+ @warn _warning-text("organisation-colour-websafe-param",
+ "The `$websafe` parameter of `govuk-organisation-colour` has been " +
+ "renamed to `$contrast-safe`. The old parameter name will be removed in " +
+ "the next major version."
+ );
+ }
+
$org-colour: map-get($govuk-colours-organisations, $organisation);
- @if $websafe and map-has-key($org-colour, colour-websafe) {
- @return map-get($org-colour, colour-websafe);
+ @if map-has-key($org-colour, deprecation-message) and not index($govuk-suppressed-warnings, "organisation-colours") {
+ @warn _warning-text(
+ "organisation-colours",
+ map-get($org-colour, deprecation-message)
+ );
+ }
+
+ // If the $websafe parameter is being used (it has been explicitly set as true
+ // or false), assume the user hasn't updated to use $contrast-safe yet and map
+ // the old parameter's value onto the new parameter.
+ @if type-of($websafe) != "null" {
+ $contrast-safe: $websafe;
+ }
+
+ // Determine the contrast-safe key to use depending on whether it's the new
+ // palette or the legacy palette
+ $safe-key: if($govuk-new-organisation-colours, "contrast-safe", "colour-websafe");
+
+ @if $contrast-safe and map-has-key($org-colour, $safe-key) {
+ @return map-get($org-colour, $safe-key);
} @else {
@return map-get($org-colour, colour);
}
diff --git a/packages/govuk-frontend/dist/govuk/settings/_colours-organisations.scss b/packages/govuk-frontend/dist/govuk/settings/_colours-organisations.scss
index 4baa46de3..92d3acebf 100644
--- a/packages/govuk-frontend/dist/govuk/settings/_colours-organisations.scss
+++ b/packages/govuk-frontend/dist/govuk/settings/_colours-organisations.scss
@@ -2,19 +2,213 @@
/// @group settings/colours
////
-/// Organisation colours
+/// Feature flag for updated organisation list and colours
+///
+/// When set to true, $govuk-colours-organisations will use the new
+/// organisation list and colour selection.
+///
+/// Should be removed in 6.0.
+///
+/// @type Boolean
+/// @access public
+
+$govuk-new-organisation-colours: false !default;
+
+/// Current organisation colours
///
/// @type Map
///
/// @prop $organisation.colour - Colour for the given `$organisation`
-/// @prop $organisation.colour-websafe - Websafe colour for the given
-/// `$organisation`. We use `websafe` to mean strong enough contrast against
-/// white to be used for copy and meet the AAA (large text) and AA (smaller
+/// @prop $organisation.contrast-safe - 'Contrast safe' colour for the given
+/// `$organisation`. This colour has at least a 4.5:1 contrast against
+/// white, to be used for copy and meet the AAA (large text) and AA (smaller
/// copy) WCAG guidelines.
+/// @prop $organisation.deprecation-message - Marks this organisation as
+/// deprecated (usually because it has ceased to exist). Value is the
+/// deprecation message output to the terminal when compiling.
///
-/// @access public
+/// @access private
-$govuk-colours-organisations: (
+$_govuk-organisation-colours: (
+ "attorney-generals-office": (
+ colour: #a91c8e
+ ),
+ "cabinet-office": (
+ colour: #0056b8
+ ),
+ "civil-service": (
+ colour: #b2292e
+ ),
+ "department-for-business-trade": (
+ colour: #e52d13,
+ contrast-safe: #e02c13
+ ),
+ "department-for-business-energy-industrial-strategy": (
+ colour: #003479,
+ deprecation-message:
+ "`department-for-business-energy-industrial-strategy` was dissolved in 2023. It was replaced by `department-for-business-trade`, `department-for-energy-security-net-zero` and `department-science-innovation-technology`."
+ ),
+ "department-for-business-innovation-skills": (
+ colour: #003479,
+ deprecation-message:
+ "`department-for-business-innovation-skills` became `department-for-business-energy-industrial-strategy` in 2016. As of 2023, it is equivalent to `department-for-business-trade` or `department-science-innovation-technology`."
+ ),
+ "department-for-communities-local-government": (
+ colour: #009999,
+ contrast-safe: #008080,
+ deprecation-message:
+ "`department-for-communities-local-government` became `ministry-of-housing-communities-local-government` in 2018."
+ ),
+ "department-for-culture-media-sport": (
+ colour: #d6006e
+ ),
+ "department-for-digital-culture-media-sport": (
+ colour: #d40072,
+ deprecation-message:
+ "`department-for-digital-culture-media-sport` became `department-for-culture-media-sport` in 2023."
+ ),
+ "department-for-education": (
+ colour: #003764
+ ),
+ "department-for-energy-security-net-zero": (
+ colour: #00a33b,
+ contrast-safe: #00852f
+ ),
+ "department-for-environment-food-rural-affairs": (
+ colour: #00af43,
+ contrast-safe: #008733
+ ),
+ "department-for-exiting-the-european-union": (
+ colour: #009fe3,
+ contrast-safe: #007db6,
+ deprecation-message: "`department-for-exiting-the-european-union` was dissolved in 2020."
+ ),
+ "department-for-international-development": (
+ colour: #002878,
+ deprecation-message:
+ "`department-for-international-development` was merged into `foreign-commonwealth-development-office` in 2020."
+ ),
+ "department-for-international-trade": (
+ colour: #cf102d,
+ deprecation-message: "`department-for-international-trade` was merged into `department-for-business-trade` in 2023."
+ ),
+ "department-for-levelling-up-housing-communities": (
+ colour: #012169,
+ deprecation-message:
+ "`department-for-levelling-up-housing-communities` was renamed to `ministry-of-housing-communities-local-government` in 2024."
+ ),
+ "department-for-science-innovation-technology": (
+ colour: #00f9f8,
+ contrast-safe: #008180
+ ),
+ "department-for-transport": (
+ colour: #006853
+ ),
+ "department-for-work-pensions": (
+ colour: #00bcb5,
+ contrast-safe: #00857e
+ ),
+ "department-of-energy-climate-change": (
+ colour: #009ddb,
+ contrast-safe: #007db3,
+ deprecation-message:
+ "`department-of-energy-climate-change` was merged into `department-for-business-energy-industrial-strategy` in 2016. As of 2023, it is equivalent to `department-for-energy-security-net-zero`."
+ ),
+ "department-of-health": (
+ colour: #00ad93,
+ contrast-safe: #008573,
+ deprecation-message: "`department-of-health` became `department-of-health-social-care` in 2018."
+ ),
+ "department-of-health-social-care": (
+ colour: #00a990,
+ contrast-safe: #008674
+ ),
+ "foreign-commonwealth-office": (
+ colour: #003e74,
+ deprecation-message: "`foreign-commonwealth-office` became `foreign-commonwealth-development-office` in 2018."
+ ),
+ "foreign-commonwealth-development-office": (
+ colour: #002269
+ ),
+ "government-equalities-office": (
+ colour: #0056b8,
+ deprecation-message: "`government-equalities-office` is deprecated. Use `cabinet-office` instead."
+ ),
+ "hm-government": (
+ colour: #266ebc
+ ),
+ "hm-revenue-customs": (
+ colour: #008476
+ ),
+ "hm-treasury": (
+ colour: #b2292e
+ ),
+ "home-office": (
+ colour: #732282
+ ),
+ "ministry-of-defence": (
+ colour: #532a45
+ ),
+ "ministry-of-housing-communities-local-government": (
+ colour: #00625e
+ ),
+ "ministry-of-justice": (
+ colour: #000000
+ ),
+ "northern-ireland-office": (
+ colour: #00205c
+ ),
+ "office-of-the-advocate-general-for-scotland": (
+ colour: #00205c
+ ),
+ "office-of-the-leader-of-the-house-of-commons": (
+ colour: #497629
+ ),
+ "office-of-the-leader-of-the-house-of-lords": (
+ colour: #9c182f
+ ),
+ "office-of-the-secretary-of-state-for-scotland": (
+ colour: #00205c
+ ),
+ "office-of-the-secretary-of-state-for-wales": (
+ colour: #a8353a
+ ),
+ "prime-ministers-office-10-downing-street": (
+ colour: #0b0c0c
+ ),
+ "scotland-office": (
+ colour: #002663,
+ deprecation-message: "`scotland-office` became `office-of-the-secretary-of-state-for-scotland` in 2018."
+ ),
+ "uk-export-finance": (
+ colour: #cf102d
+ ),
+ "uk-trade-investment": (
+ colour: #c80651,
+ deprecation-message:
+ "`uk-trade-investment` became `department-for-international-trade` in 2016. As of 2023, it is equivalent to `department-for-business-trade`."
+ ),
+ "wales-office": (
+ colour: #a33038,
+ deprecation-message: "`wales-office` became `office-of-the-secretary-of-state-for-wales` in 2018."
+ )
+);
+
+/// Legacy organisation colours
+///
+/// These are the colours included with Frontend prior to 5.3.0. They will be
+/// removed in a future major version of Frontend.
+///
+/// @type Map
+///
+/// @prop $organisation.colour - Colour for the given `$organisation`
+/// @prop $organisation.colour-websafe - Optional alternative shade of the
+/// organisation colour. Despite the name, is not guaranteed to be websafe
+/// nor provide better contrast than the base colour.
+///
+/// @access private
+
+$_govuk-legacy-organisation-colours: (
"attorney-generals-office": (
colour: #9f1888,
colour-websafe: #a03a88
@@ -30,7 +224,7 @@ $govuk-colours-organisations: (
colour: #003479,
colour-websafe: #347da4
),
- "department-for-communities-and-local-government": (
+ "department-for-communities-local-government": (
colour: #009999,
colour-websafe: #37836e
),
@@ -54,11 +248,11 @@ $govuk-colours-organisations: (
colour: #cf102d,
colour-websafe: #005ea5
),
- "department-for-business-and-trade": (
+ "department-for-business-trade": (
colour: #cf102d,
colour-websafe: #005ea5
),
- "department-for-levelling-up-housing-and-communities": (
+ "department-for-levelling-up-housing-communities": (
colour: #012169
),
"department-for-transport": (
@@ -143,6 +337,38 @@ $govuk-colours-organisations: (
colour: #a33038,
colour-websafe: #7a242a
)
+);
+
+/// Set public organisation colours variable to one of the two maps.
+/// Users can also pass their own map to this to override it entirely.
+///
+/// @type Map
+/// @access public
+
+$govuk-colours-organisations: if(
+ $govuk-new-organisation-colours,
+ $_govuk-organisation-colours,
+ $_govuk-legacy-organisation-colours
) !default;
+/// Organisation colour aliases
+///
+/// Some organisations have been renamed within our code over time. Here we
+/// map the prior key to the new equivalent key.
+///
+/// Note: This is for internal renames only. If a department has changed name
+/// or brand colour in a machinery of government change, it should be added to
+/// $govuk-colours-organisations as a new entry with any superseded
+/// organisations marked deprecated.
+///
+/// @type Map
+///
+/// @access private
+
+$_govuk-colours-organisations-aliases: (
+ "department-for-business-and-trade": "department-for-business-trade",
+ "department-for-communities-and-local-government": "department-for-communities-local-government",
+ "department-for-levelling-up-housing-and-communities": "department-for-levelling-up-housing-communities"
+);
+
/*# sourceMappingURL=_colours-organisations.scss.map */
Action run for 1acd94d557e8682d2026c13ab7d1e33d2bd0e1f1
We've shared this with @maxgds for review and advice on who might need to see it.
We're going to raise this with stakeholders on GOV.UK, so I'm moving this to blocked until we hear back.
We've gone around in little circles on this trying to find someone who considers this to be in their remit—seemingly no one 'owns' these colours or knows who does.
It's been suggested that we should publish comms about the change so that people are aware of it happening and to just release it. We can always update the colours afterwards if someone does spring from the woodwork.
We've gone around in little circles on this trying to find someone who considers this to be in their remit—seemingly no one 'owns' these colours or knows who does.
It's been suggested that we should publish comms about the change so that people are aware of it happening and to just release it. We can always update the colours afterwards if someone does spring from the woodwork.
It feels like maybe you're the owners... seems like a sensible approach, and the change doesn't feel that controversial to me.
As well as the usual internal and external DS comms channels, it’ll be worth updating the content community via Basecamp. They’re the people most likely to interact with the organisation pages (when updating new items and new publications).
New government, new machinery changes to keep track of.
- Department for Levelling Up, Housing and Communities has been renamed back to Ministry of Housing, Communities and Local Government.
Hi @querkmachine! I'm at MHCLG now and they've released the new colour on the intranet, but I'm just confirming that it's correct. They've supplied RGB and CMYK codes but should be able to supply a hex for you. It will need converting to be accessible.
Hi @stevenjmesser & @querkmachine, we have a ticket on our election board to update the MHCLG brand colour to be #00625E.
I'm thinking it makes more sense for that change to be a part of this PR, than me doing it separately. Is that ok?