Mismatch green SEO score color

• I've read and understood the contribution guidelines.
• I've searched for any related issues and avoided creating a duplicate issue.

Please give us a description of what happened.

The green color used to mark a page or post as "SEO good" uses two different colors in the Gutenburg editor. The green used in the header is rgb(122, 208, 58), while the color used within the Yoast tab under the SEO Analysis is rgb(0, 138, 0).

Please describe what you expected to happen and why.

Both of the colors to be the same.

How can we reproduce this behavior?

1. Open the Gutenburg editor on any post or page with a green SEO score.
2. Navigate to the Yoast tab from the header of the page.
3. Look at the SEO Analysis section and compare with the color used in the header.

Technical info

• If relevant, which editor is affected (or editors):

• Classic Editor
• Gutenberg
• Classic Editor plugin

• Which browser is affected (or browsers):

• Chrome
• Firefox
• Safari
• Other

Used versions

• WordPress version: 5.9
• Yoast SEO version: 18.1
• Gutenberg plugin version: 12.5.4
• Tested with theme: Twenty Twenty-One

Reproduce the mismatch in the Gutenberg editor by comparing the green SEO score in the page header with the Yoast tab's SEO Analysis section. Trace the two color definitions from these entry points; done means both green SEO scores use the same color.