Blog colours (mostly) do not pass contract checker for accessibility

[chriswilty]

Problem

There are four colour schemes for our blog posts: teal, pink, orange, yellow - see scss/blog-colour-schemes.scss.

Of these, only the pink colour scheme passes contrast checks at AA standard, on a white background:

The others fail, with yellow being the worst offender:

It's important to note this indicates a general problem with our branding, though the plain white background is clearly not helping, as with a dark background the remaining three pass, e.g.

Solution?

For our blog, we might want to consider straying beyond our strict corporate theme colours, even if it just means darkening them a little, e.g.

#EC6F27

#27A4AA

Yellow is never going to pass though, on a white background 🫥

For this issue, I suggest adopting the above darkened colours and removing yellow entirely.