Primary palette

The primary palette is what we draw from most for foundational elements ‐ canvases, headers, footers and typography. These colors, especially Navy and Cyan, act as core recall elements to help consistently reinforce our brand.

General usage

  • Use Charcoal for paragraph text
  • Use Navy, Cyan, or White for h1 headlines
  • Use any colors besides Light Gray for h2 headlines
  • On the web, use white as the primary foundational canvas color. All other colors can be used as section or container background fills to break up the canvas or highlight content.
Navy

#205081
CMYK 95,73,25,9
PMS 2945U

Cyan

#59afe1
CMYK 60,16,1,0
PMS 2915U

White

#ffffff
CMYK 0,0,0,0

Light gray

#f5f5f5
CMYK 3,2,2,0

Charcoal

#333333
CMYK 69,63,62,58

Secondary palette

The secondary palette is used to accent the primary palette. The further down you are in the "brand awareness funnel," the more liberal you can be in using this palette. For example, an outdoor ad campaign would not lean heavily on this palette because it would have a high level of first-time Atlassian brand awareness – but graphics at Summit, where brand awareness is high, could lean more heavily on this secondary palette.

Green

#14892c
CMYK 85,21,100,8

Mid green

#67ab49
CMYK 62,13,87,1

Yellow

#f6c342
CMYK 3,24,86,0

Red

#d04437
CMYK 13,88,86,3

Cheeto orange

#f79232
CMYK 0,51,91,0

Blue

#3572b0
CMYK 82,53,6,0

Cool blue

#84bbc6
CMYK 48,12,19,0

Violet

#654982
CMYK 71,82,21,5

Medium gray

#707070
CMYK 57,48,48,15

Gray

#999999
CMYK 43,35,35,1

Ash gray

#cccccc
CMYK 19,15,16,0

Silver

#e9e9e9
CMYK 7,5,6,0

General usage

  • Use Blue for text links
  • Of the colors shown here, Cool blue, Blue and Mid green are preferred for button colors
  • For text that's intended to be subtle, use Medium gray
  • Ash gray is used for borders and containers
  • Secondary colors can be used as a section/container background fill only if they're within the context of a higher usage of primary color fills.