Skip to main content
Developer ToolsFounded 2002

Atlassian Brand Colors

Atlassian's deep blue conveys the reliability and depth of its enterprise collaboration and development tools.

atlassian.com ↗

Brand Palette

#0052CC
#172B4D
#FFFFFF
#36B37E

Primary

Dark Background

Background

Success

Color Values

Atlassian Blue

Primary

HEX
#0052CC
RGB
rgb(0, 82, 204)
HSL
hsl(216, 100%, 40%)

Accessibility

on White6.82:1AA
on Black3.08:1AA Large
Open contrast checker →

Atlassian Dark

Dark Background

HEX
#172B4D
RGB
rgb(23, 43, 77)
HSL
hsl(218, 54%, 20%)

Accessibility

on White14.1:1AAA
on Black1.49:1Fail
Open contrast checker →

Atlassian White

Background

HEX
#FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)

Accessibility

on White1:1Fail
on Black21:1AAA
Open contrast checker →

Atlassian Green

Success

HEX
#36B37E
RGB
rgb(54, 179, 126)
HSL
hsl(155, 54%, 46%)

Accessibility

on White2.66:1Fail
on Black7.91:1AAA
Open contrast checker →

Accessibility Analysis

Coloron Whiteon Black
Atlassian Blue
6.82:1AA
3.08:1AA Large
Atlassian Dark
14.1:1AAA
1.49:1Fail
Atlassian White
1:1Fail
21:1AAA
Atlassian Green
2.66:1Fail
7.91:1AAA

WCAG AA requires 4.5:1 for normal text. AA Large requires 3:1 for large text (18pt+) and UI components. AAA requires 7:1.

CSS Implementation

:root {
  --atlassian-atlassian-blue: #0052CC;
  --atlassian-atlassian-dark: #172B4D;
  --atlassian-atlassian-white: #FFFFFF;
  --atlassian-atlassian-green: #36B37E;
}

/* Usage example */
.btn-primary {
  background-color: var(--atlassian-atlassian-blue);
  color: #ffffff;
}

Similar Color Alternatives

Named colors visually closest to Atlassian's primary color — useful for approximations or accessible substitutes.

Sapphire

#0F52BA

blue

Denim

#1560BD

blue

True Blue

#0073CF

blue

Cobalt Blue

#0047AB

blue

Design Notes

Color Psychology

Atlassian uses a mid-tone palette anchored by Atlassian Blue (#0052CC). Developer tool brands favor minimal, high-contrast palettes — monochrome with one functional accent — reflecting the code aesthetic.

Design Principles

  • High contrast ratios ensure legibility across all contexts
  • Multi-color system allows segmentation across products and sub-brands
  • Primary color meets WCAG AA — usable for text and UI components

Explore Individual Colors

Atlassian BlueAtlassian DarkAtlassian WhiteAtlassian Green

Tags

enterprisedeveloperbluecollaboration

More Developer Tools Brand Colors

GitHub Brand Colors

Design & Accessibility Guides

Guide

Building an Accessible Color System

Design Systems · 10 min read

Guide

WCAG Contrast Ratios Explained

WCAG · 8 min read

Guide

WCAG AA vs AAA: Which Standard Should You Target?

WCAG · 7 min read

Frequently Asked Questions

What are Atlassian's official brand colors?
Atlassian's official brand colors are: Atlassian Blue (#0052CC), Atlassian Dark (#172B4D), Atlassian White (#FFFFFF), Atlassian Green (#36B37E).
What is Atlassian's primary color hex code?
Atlassian's primary brand color is Atlassian Blue with hex code #0052CC.
What are the RGB values for Atlassian's primary color?
Atlassian Blue (#0052CC) has RGB values of rgb(0, 82, 204).
What is the HSL value of Atlassian's primary color?
Atlassian Blue has an HSL value of hsl(216, 100%, 40%).
Is Atlassian's primary color WCAG accessible?
Atlassian Blue (#0052CC) has a contrast ratio of 6.82:1 on white, which passes WCAG AA.
What industry is Atlassian in?
Atlassian operates in the Developer Tools industry, founded in 2002.
← All Brand ColorsVisit Atlassian ↗