Colors Encyclopedia

Brand colors

Atlassian Brand Colors

Atlassian palette: #0052CC, #2684FF, #FFFFFF. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Atlassian.

TechnologyBrand indexAPIDataset
Commonly referenced palette Atlassian
#0052CC#2684FF#FFFFFF
Listed without an implied color hierarchy

Palette

Palette color 1#0052CCRGB 0, 82, 204
Palette color 2#2684FFRGB 38, 132, 255
White#FFFFFFRGB 255, 255, 255

CSS Tokens

:root {
  --brand-atlassian-1: #0052CC;
  --brand-atlassian-2: #2684FF;
  --brand-atlassian-3: #FFFFFF;
}

Accessibility Snapshot

#0052CCBlack 3.08:1 / White 6.82:1
#2684FFBlack 5.83:1 / White 3.6:1
#FFFFFFBlack 21:1 / White 1:1

Brand palette context · Editorially reviewed

About Atlassian Brand Colors

Atlassian's 2017 identity redesign translated the company's focus on teamwork into a family of marks across more than fourteen products. The central symbol was intentionally open to several readings—two people high-fiving, a mountain, or an A built from supporting pillars. It replaced a logo originally inspired by Atlas, the Greek figure who held up the sky, while preserving the company's association with collective effort.

The two blues and white shown here document a recognizable period of Atlassian's visual identity, but current product interfaces should use the live Atlassian Design System rather than fixed brand HEX values. Its semantic tokens encode role, emphasis, interaction state, theme, and accessibility. A blue that works for a logo may therefore map differently for text, charts, focus, hover, information, or dark mode.

This independent reference does not claim that its three swatches replace current Atlassian tokens, distribute product logos, imply a Marketplace relationship, or grant trademark permission.

Downloadable brand colors infographic

Atlassian Brand Colors Infographic

Save an independent infographic of the commonly referenced Atlassian HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
Atlassian brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
Atlassian brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Atlassian.
Download WebPDownload SVGOpen full size

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.1039
Black text3.08:1AA Fail
White text6.82:1AA Pass
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Brand
{
  "slug": "atlassian",
  "name": "Atlassian",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/atlassian/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Atlassian."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#0052CC",
    "rgb": [
      0,
      82,
      204
    ],
    "hsl": [
      216,
      100,
      40
    ],
    "cmyk": [
      100,
      60,
      0,
      20
    ],
    "luminance": 0.1039,
    "contrast": {
      "black": 3.08,
      "white": 6.82
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#2684FF",
    "rgb": [
      38,
      132,
      255
    ],
    "hsl": [
      214,
      100,
      57
    ],
    "cmyk": [
      85,
      48,
      0,
      0
    ],
    "luminance": 0.2413,
    "contrast": {
      "black": 5.83,
      "white": 3.6
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    }
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "cmyk": [
      0,
      0,
      0,
      0
    ],
    "luminance": 1,
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "blue brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "light brand color",
    "Atlassian color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/atlassian.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-atlassian-1: #0052CC;\n--brand-atlassian-2: #2684FF;\n--brand-atlassian-3: #FFFFFF;"
}
Accessibility
[
  {
    "hex": "#0052CC",
    "contrast": {
      "black": 3.08,
      "white": 6.82
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#2684FF",
    "contrast": {
      "black": 5.83,
      "white": 3.6
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#FFFFFF",
    "contrast": {
      "black": 21,
      "white": 1
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "atlassian",
  "name": "Atlassian",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Atlassian.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/atlassian/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/atlassian.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#0052CC",
      "rgb": [
        0,
        82,
        204
      ],
      "hsl": [
        216,
        100,
        40
      ],
      "cmyk": [
        100,
        60,
        0,
        20
      ],
      "luminance": 0.1039,
      "contrast": {
        "black": 3.08,
        "white": 6.82
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": []
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#2684FF",
      "rgb": [
        38,
        132,
        255
      ],
      "hsl": [
        214,
        100,
        57
      ],
      "cmyk": [
        85,
        48,
        0,
        0
      ],
      "luminance": 0.2413,
      "contrast": {
        "black": 5.83,
        "white": 3.6
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": []
      }
    },
    {
      "name": "White",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "hsl": [
        0,
        0,
        100
      ],
      "cmyk": [
        0,
        0,
        0,
        0
      ],
      "luminance": 1,
      "contrast": {
        "black": 21,
        "white": 1
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ]
      }
    }
  ],
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "blue brand palette",
    "gray brand palette",
    "cool brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "light brand color",
    "Atlassian color reference"
  ],
  "contrastSafeWith": [
    "#FFFFFF",
    "#F5F5F5",
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/atlassian.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Related Brand Color Guides

Technology brand colorsBrowse all technology brand color references.Adobe brand colorsCompare another technology palette.Amazon brand colorsCompare another technology palette.AMD brand colorsCompare another technology palette.Anthropic brand colorsCompare another technology palette.Coursera similar paletteOpen a palette with a nearby first-listed color value.JPMorgan Chase similar paletteOpen a palette with a nearby first-listed color value.LinkedIn similar paletteOpen a palette with a nearby first-listed color value.Anodized Blue colorOpen the nearest named color reference.Atlassian APIOpen the machine-readable brand color JSON.