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.
- 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.
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.
- 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.