Software & SaaS
Confluence Color Codes
Confluence's colors are navy #172B4D and black #000000. The Confluence color codes in Hex, RGB and CMYK can be found below. Atlassian launched it in 2004 as the documentation half of its toolset, alongside Jira. The name is the word for two rivers meeting, which is the argument the product makes about teams.
Primary colors
What are Confluence Primary Colors?
Confluence's primary color is navy #172B4D, dark enough to read as near-black in body text.
Confluence publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Confluence Navy
| Hex | #172B4D |
|---|---|
| RGB | 23, 43, 77 |
| HSL | hsl(218, 54%, 20%) |
| CMYK | 70%, 44%, 0%, 70%converted · approximate |
| Pantone | PMS 289 Cnearest match · not published by the brand |
Confluence Black
| Hex | #000000 |
|---|---|
| RGB | 0, 0, 0 |
| HSL | hsl(0, 0%, 0%) |
| CMYK | 0%, 0%, 0%, 100%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Confluence Hex Color Codes
Confluence hex color codes are #172B4D for navy and #000000 for black.
| Color | Hex |
|---|---|
| Navy | #172B4D |
| Black | #000000 |
Confluence RGB Color Codes
Confluence RGB color codes are 23, 43, 77 for navy and 0, 0, 0 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Navy | rgb(23, 43, 77) |
| Black | rgb(0, 0, 0) |
Confluence HSL Color Codes
Confluence HSL color codes are 218, 54%, 20% for navy and 0, 0%, 0% for black. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Navy | hsl(218, 54%, 20%) |
| Black | hsl(0, 0%, 0%) |
Confluence CMYK Color Code
Confluence CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Navy | 70%, 44%, 0%, 70% |
| Black | 0%, 0%, 0%, 100% |
Confluence Pantone Color Codes
Confluence Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Navy | PMS 289 C |
| Black | PMS 419 C |
Logo
Confluence Logo Colors
Confluence logo colors are navy and black, with the blue reserved for the mark rather than the wordmark.
Confluence Logo Colors Palette
What the Confluence Logo Colors Mean?
The Confluence logo colors are quieter than the rest of the Atlassian family on purpose. The mark is two curved forms flowing into each other, which is the confluence the name describes, and the navy keeps a documentation tool from shouting next to Jira. Navy #172B4D is Atlassian's darkest house neutral rather than a color chosen for this product. If you are sampling from an old asset, note that a generic #003366 circulates for Confluence and is not an Atlassian value at all.
Confluence Logo JPG
Confluence logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Confluence Logo PNG
Confluence logo in PNG, with a transparent background. Use it over a colored surface.
Confluence Logo WebP
Confluence logo in WebP. Same transparency as the PNG at about a third of the file size.
Confluence Color Code Shades
Confluence color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Confluence paint or trim names.
In code
Using the Confluence palette
CSS custom properties
:root {
--confluence-navy: #172B4D;
--confluence-black: #000000;
}Contrast against white
| Navy | 14.10:1AA ✓ |
|---|---|
| Black | 21.00:1AA ✓ |
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.