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