As a Confluence admin, you can configure a custom color scheme for your site's navigation. It might be to brand your site with your corporate colors, or just because you like a particular color.


tip/resting Created with Sketch.

To quickly change your color scheme, upload your company logo. Confluence will use the colors to automatically update the color scheme.



When modifying the color scheme, you can control the following areas.

  • Highlight color — This setting lets you control the following elements in the navigation:

    1. Underlines the navigation menu in focus
    2. Create button background color
    3. Border color for the search field when in focus

   (plus) If the application is taking a little time to load, a progress bar shown below the navigation bar uses the highlight color.

  • Navigation background color — You can customize the background color. If you set a background color in earlier versions of Confluence, that background color is maintained.


To change the site's color scheme:

  1. Select (Settings) in the Confluence navigation
  2. Select Colour Scheme in the panel on the left under Look and feel
  3. Select Edit
  4. Enter a color code or use the color-picker to choose a new color
  5. Select Save

Any changes you save are immediately reflected across the Confluence site.

The navigation text color is automatically chosen for you in order to optimize legibility. For example, if your background color is white, the text color chosen provides the greatest contrast with some shade of dark grey; if you background is black or blue, the text color is some shade of white.

When you upload a site logo, Confluence automatically detects the colors in your logo and customizes the color scheme for you. 

You can change the color scheme as above, or reset your color scheme back to the default (and still keep your new site logo).

To reset the color scheme:

  1. Select (Settings) in the Confluence navigation
  2. Select Colour Scheme in the left-hand panel
  3. Select Edit
  4. Select Reset