Atlassian color design system

Explore the Atlassian color design system with ease. View and copy each color's code in multiple formats: HEX, RGB, HSL, OKLCH, CMYK, CIELAB, and HSV. Simply select a color and copy its code to your clipboard.

Lime

#EFFFD6

#D3F1A7

#B3DF72

#B3DF72

#82B536

#6A9A23

#5B7F24

#4C6B1F

#37471F

#28311B

Red

#FFECEB

#FFD5D2

#FD9891

#F87168

#F15B50

#E2483D

#C9372C

#AE2E24

#5D1F1A

#42221F

Orange

#FFF3EB

#FEDEC8

#FEC195

#FEA362

#F38A3F

#E56910

#C25100

#A54800

#702E00

#38291E

Yellow

#FFF7D6

#F8E6A0

#F5CD47

#E2B203

#CF9F02

#B38600

#946F00

#7F5F01

#533F04

#332E1B

Green

#DCFFF1

#BAF3DB

#7EE2B8

#4BCE97

#2ABB7F

#22A06B

#1F845A

#216E4E

#164B35

#1C3329

Teal

#E7F9FF

#C6EDFB

#C6EDFB

#9DD9EE

#6CC3E0

#2898BD

#227D9B

#206A83

#164555

#1E3137

Blue

#E9F2FF

#CCE0FF

#85B8FF

#579DFF

#388BFF

#1D7AFC

#0C66E4

#0055CC

#09326C

#1C2B41

Purple

#F3F0FF

#DFD8FD

#B8ACF6

#9F8FEF

#8F7EE7

#8270DB

#6E5DC6

#5E4DB2

#352C63

#2B273F

Magenta

#FFECF8

#FDD0EC

#F797D2

#E774BB

#DA62AC

#CD519D

#AE4787

#943D73

#50253F

#3D2232

Neutral Solid Light Mode

#FFFFFF

#F7F8F9

#F1F2F4

#DCDFE4

#B3B9C4

#8590A2

#758195

#626F86

#44546F

#2C3E5D

#172B4D

#091E42

Neutral alpha Light Mode

#091E4208

#091E420F

#091E4224

#091E424F

#091E427D

Neutral Solid Dark Mode

#101214

#161A1D

#1D2125

#22272B

#282E33

#2C333A

#38414A

#454F59

#596773

#738496

#8C9BAB

#9FADBC

#B6C2CF

#C7D1DB

#DEE4EA

Neutral alpha Dark Mode

#03040442

#BCD6F00A

#A1BDD914

#C8E1F91A

#A6C5E229

#C3DEFE33

#BFDBF847

#9BB4CA80