Set up Confluence Cloud
Get the high-level details you need to set up your Confluence Cloud site in order to meet your team's needs.
Customize a site's color schemes
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.
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:
Underlines the navigation menu in focus
Create button background color
Border color for the search field when in focus
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.
Change the site's color scheme
Select (Settings) in the Confluence navigation
Select Colour Scheme in the panel on the left under Look and feel
Select Edit
Enter a color code or use the color-picker to choose a new color
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.
Reset your color scheme after uploading a site logo
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:
Select (Settings) in the Confluence navigation
Select Colour Scheme in the left-hand panel
Select Edit
Select Reset
Was this helpful?