# Set the accent color in Panels
URL: https://docs.awellhealth.com/docs/run-care-flows/set-the-accent-color-in-panels

> For the complete documentation index, see [llms.txt](https://docs.awellhealth.com/llms.txt).





[Awell Panels](/docs/run-care-flows/what-is-panels) colors a handful of small things from one accent
color. Change that color in **Settings** and all of them change together. Everyone working in the
same project sees the new color.

Panels starts on a purple, `#8250df`. Any six-digit hex color can replace it.

## What the accent color changes [#what-the-accent-color-changes]

| Where                    | What it colors                                                                                        |
| ------------------------ | ----------------------------------------------------------------------------------------------------- |
| Panel toolbar            | The sort and filter button                                                                            |
| Column headers           | The sort and filter markers on a column that has one                                                  |
| View tabs                | The border under the tab in front                                                                     |
| Patient and task details | The **Add Task** button, and the cards that open and close                                            |
| Page background          | A much lighter wash of the same color, behind the toolbar, the table, the tabs and the details window |

## Set the color [#set-the-color]

1. Open **Settings** from the Panels navigation.
2. Go to the **Appearance** section and find the card headed **Accent Color**.
3. Pick a color with the swatch, or type a hex value such as `#0f766e` in the field beside it. The
   leading `#` is optional.
4. Check the preview underneath. It shows the sort and filter button in the new color, next to a
   strip of the background tint it produces.
5. Click **Save**. Pressing Enter in the hex field does the same thing.

<img alt="The Appearance section of Panels settings, with the Accent Color card: a color swatch, a hex field holding #8250df, a Save button that is grayed out, and a preview showing the Sort/Filter button and a strip of the background tint" src="__img0" />

Nothing changes for anyone until you save, so a color can be tried in the preview and abandoned.

## Save turns on only for a new, valid color [#save-turns-on-only-for-a-new-valid-color]

**Save** stays unavailable in two cases:

* The value is not a six-digit hex color. `#1a7f64` works; `#1a7` and `teal` do not. The field's
  border turns red while the value is wrong.
* The value is valid but matches the color already saved. There is nothing to save, so the button
  stays off.

## Reset to default puts the purple back [#reset-to-default-puts-the-purple-back]

**Reset to default** appears beside **Save** once a custom color is stored. It removes the custom
color and returns Panels to `#8250df`. The button is not there while Panels is on the default,
because there is nothing to reset.

## The text color and the tint follow from the accent [#the-text-color-and-the-tint-follow-from-the-accent]

You pick one color. Panels works out two more from it:

* **Label text** on anything filled with the accent is set to black or white — whichever is easier
  to read against the color you chose. A pale accent gets black text. A dark one gets white.
* **The background tint** is the accent mixed 8% into white, which reads as a wash rather than the
  full color.

Neither has a setting of its own.

## The color belongs to the project [#the-color-belongs-to-the-project]

Panels stores the accent color on the project, not on a person, so there is no personal version of
this setting. Saving applies it right away for whoever set it. Anyone else picks it up the next time
they load Panels.

## This is not the same as branding [#this-is-not-the-same-as-branding]

Awell has two other color settings. Changing the accent color in Panels does not affect either one.

| Setting                                                           | Covers                               | Who sees it    |
| ----------------------------------------------------------------- | ------------------------------------ | -------------- |
| Accent color in Panels                                            | Panels only                          | Your care team |
| [Branding](/docs/administer-and-secure/branding)                  | Logo and styling across the platform | Your care team |
| [Branding and theming](/docs/embed-and-host/branding-and-theming) | Hosted Pages                         | Patients       |

## Next steps [#next-steps]

**Next:** [Set your organization's branding](/docs/administer-and-secure/branding). The accent color
stops at Panels, so the logo and styling your team sees everywhere else is a separate job.