Skip to content
SuiteAnvil
Brand kit · atlassian.com

Atlassian brand kit

Atlassian's public website pairs #1868DB with #6A9A23 accents on a neutral white canvas, sets headings in Charlie Display and uses a pill UI geometry. 8 of 9 key color pairings pass WCAG 2.1 AA.

Unofficial · compiled from atlassian.comSnapshot 11 Nov 2026Pill · 16 px+

Compiled by SuiteAnvil from the public website of atlassian.com. Not affiliated with or endorsed by Atlassian; Atlassian and its trademarks belong to their owner. Own atlassian.com? Claim this kit

Logo files

SVG · PNG

Vector symbol from the Simple Icons project (CC0 path data), drawn in Atlassian's mark color #1868DB. The mark itself is a trademark of its owner.

01Brand colors

Click a swatch to copy its hex value
RoleHEXRGBLabel color on it
Primary#1868DBrgb(24, 104, 219)#FFFFFF · 5.20:1
Secondary#101214rgb(16, 18, 20)#FFFFFF · 18.77:1
Accent#6A9A23rgb(106, 154, 35)#111113 · 5.62:1
Surface#FFFFFFrgb(255, 255, 255)#111113 · 18.86:1
Text#292A2Ergb(41, 42, 46)#FFFFFF · 14.34:1
Extended palette

02Typography

Display48 / 52 · 650

Atlassian

Heading 136 / 40 · 650

Clarity at every size

Heading 226 / 32 · 600

A section title in the brand face

Heading 319 / 26 · 600

Subsection and card titles

Body16 / 26 · 400

Body copy set in Charlie Text at reading size, with a comfortable measure for longer press releases and product pages.

Caption13 / 18 · 500

Captions, labels and UI microcopy

Mono13 / 20 · 400

#1868DB #101214 #6A9A23

Headings
Charlie Display
Not freely licensed here: previewed with DM Sans
Body
Charlie Text
Not freely licensed here: previewed with Inter
Mono / data
Atlassian Mono
Not freely licensed here: previewed with JetBrains Mono

Fonts load through SuiteAnvil's own proxy, so your browser never contacts a font CDN. Licensing a proprietary face is up to you.

03UI geometry & surface

Atlassian
Card radius 12px · control radius pill
name@atlassian.com
Primary actionSecondaryAccent
Radius style
Pill · 16 px+
Buttons and inputs
pill (9999px)
Cards and panels
12px
CSS radius scale
4px / 8px / 12px
Surface tone
Neutral white
Canvas · card · border
#FFFFFF · #FFFFFF · #DFE1E6
Dark mode canvas · text
#0A0D13 · #F5F5F7

04Usage notes

Derived from the public website

SuiteAnvil derived these notes from the logo, colors and contrast measured on atlassian.com on 11 Nov 2026. They are practical defaults, not Atlassian's official brand guidelines. Where Atlassian publishes its own rules, those win.

Clear space

Keep free space of at least half the logo height on every side (dashed line). Nothing else, including text and edges of photos, enters that zone.

Minimum size

Screen
24 px
Print
8 mm

Logo height, for the compact symbol (aspect ratio 1.00:1). Below that, use the square icon or set the name in Charlie Display instead.

Color pairings that pass WCAG

  • AaBody text on surface14.34:1AAA
  • AaSecondary text on surface5.10:1AA
  • AaPrimary as link/text on surface5.20:1AA
  • AaButton label on primary5.20:1AA
  • AaSecondary on surface18.77:1AAA
  • AaWhite on secondary18.77:1AAA

Large text or decoration only: #6A9A23 on #FFFFFF (3.35:1, use #568300 for body text).

Do not recolor

  • Use the logo in #1868DB, in solid black or in solid white only. Do not swap in other palette colors, gradients or tints.
  • Avoid placing the #1868DB logo on #6A9A23 and #292A2E: contrast stays below 3:1. Use the white or black version there.
  • Do not stretch, rotate, outline, crop or add shadows and effects.
  • Do not rebuild the logo from a font; download the file above.
Embed on your site (free)Link the Atlassian press kit or show the live brand score badge.
Option A: footer link

A plain text link to the hosted press & brand kit, e.g. in your site footer or press page.

<a href="https://suiteanvil.com/kit/atlassian.com">Press &amp; Brand Kit</a>
Option B: live score badge
Brand and WCAG score for atlassian.com by SuiteAnvil

The badge links to the audit and updates after each rescan. Score: mean of brand consistency and the share of WCAG 2.1 AA color pairings.

<a href="https://suiteanvil.com/audit/atlassian.com"><img src="https://suiteanvil.com/api/badge/atlassian.com.svg" alt="Brand and WCAG score for atlassian.com by SuiteAnvil" height="20"></a>
Option B in Markdown (GitHub README)
[![Brand and WCAG score for atlassian.com by SuiteAnvil](https://suiteanvil.com/api/badge/atlassian.com.svg)](https://suiteanvil.com/audit/atlassian.com)

Is this your company? Claim this kit

Verify that you control atlassian.com to turn this into the official Atlassian press kit: the “verified” label for free, plus a press contact block and whitelabel mode on Pro. Verification takes one meta tag or one DNS TXT record.

Atlassian brand kit FAQ

Is this the official Atlassian press kit?

No. SuiteAnvil compiled this kit from the public website of atlassian.com on 11 Nov 2026. It is not affiliated with or endorsed by Atlassian, and Atlassian's trademarks belong to their owner. Whoever controls atlassian.com can claim and verify it.

How can I download the Atlassian logo?

Use the SVG or PNG download at the top of this page; the file is generated in your browser from a vector symbol (Simple Icons, CC0 path data). Check Atlassian's trademark rules before publishing it.

What are Atlassian's brand colors?

Primary #1868DB, secondary #101214 and accent #6A9A23, on a #FFFFFF surface with #292A2E text (snapshot from 11 Nov 2026). Click any swatch to copy the hex value.

What font does Atlassian use?

Headings use Charlie Display (free stand-in: DM Sans) and body text Charlie Text (free stand-in: Inter). Proprietary faces are previewed with the closest free Google Fonts family, loaded through SuiteAnvil's privacy proxy.

Which Atlassian color pairings pass WCAG?

8 of 9 key pairings pass WCAG 2.1 AA (4.5:1), for example #292A2E on #FFFFFF at 14.34:1 and #6B6E76 on #FFFFFF at 5.10:1. 1 pairing should be kept for large text or decoration only.

How do I link to this press kit from atlassian.com?

Open "Embed on your site (free)" on this page and copy the footer link or the live score badge. Both point to SuiteAnvil pages that update after every rescan of atlassian.com.

Compiled by SuiteAnvil from the public website of atlassian.com (snapshot 11 Nov 2026). SuiteAnvil is not affiliated with or endorsed by Atlassian. Atlassian and its marks belong to their owner.

SuiteAnvil extracts publicly visible design tokens, logos, and font references for workflow automation. You are responsible for ensuring you hold valid commercial rights or client authorization for any proprietary fonts, trademarks, and brand assets before commercial publication. Licensing notice

Press Kit & Brand Tokens automatically maintained by SuiteAnvil. Build yours from one URL