### Apache Airflow version

2.2.0b1 (beta snapshot)

### Operating System

Mac OSX 11.5.2

### Versions of Apache Airflow Providers

_No response_

### Deployment

Docker-Compose

### Deployment details

_No response_

### What happened

In the tree view, the status color for deferred is very difficult to distinguish from up_for_reschedule and is generally not very distinct. I can’t imagine it’s good for people with colorblindness either.

### What you expected to happen

I expect the status colors to form a distinct palette. While there is already some crowding in the greens, I don't want to see it get worse with the new status.

### How to reproduce

Make a deferred task and view in tree view.

### Anything else

I might suggest something in the purple range like [BlueViolet #8A2BE2](https://www.color-hex.com/color/8a2be2)


### Are you willing to submit PR?

- [X] Yes I am willing to submit a PR!

### Code of Conduct

- [X] I agree to follow this project's [Code of Conduct](https://github.com/apache/airflow/blob/main/CODE_OF_CONDUCT.md)

tests/www/views/test_views_home.py
messages = [
        UIAlert("hello world"),
        UIAlert("im_not_here", roles=["Admin"]),
        UIAlert("_hello_world_"),
    ]
    with mock.patch("airflow.settings.DASHBOARD_UIALERTS", messages):
        resp = user_client.get("home", follow_redirects=True)
    check_content_in_response("hello world", resp)
    check_content_not_in_response("im_not_here", resp)
    check_content_in_response("_hello_world_", resp)
def test_dashboard_flash_messages_markup(user_client):
    link = '<a href="http://example.com">hello world</a>'
    user_input = flask.Markup("Hello <em>%s</em>") % ("foo&bar",)
    messages = [
        UIAlert(link, html=True),
        UIAlert(user_input),
    ]
    with mock.patch("airflow.settings.DASHBOARD_UIALERTS", messages):
        resp = user_client.get("home", follow_redirects=True)
    check_content_in_response(link, resp)
    check_content_in_response(user_input, resp)
def test_dashboard_flash_messages_type(user_client):
    messages = [
        UIAlert("hello world", category="foo"),
    ]
    with mock.patch("airflow.settings.DASHBOARD_UIALERTS", messages):
        resp = user_client.get("home", follow_redirects=True)
    check_content_in_response("hello world", resp)
    check_content_in_response("alert-foo", resp)