Skip to content

Microsoft Logo Color Code & Palette

Looking for the official Microsoft logo color code? Get the exact #F35325 and Microsoft Red, #81BC06 and Microsoft Green, #05A6F0 and Microsoft Blue and #FFBA08 and Microsoft Yellow. Complete color information for design and development projects featuring Microsoft's signature brand color.

Microsoft logo Color Code
#F35325
#81BC06
#05A6F0
#FFBA08

Extract Microsoft Logo Colors from Image

Upload a photo or SVG image containing the Microsoft logo to find the exact HEX and RGB color codes. Supported formats include PNG, JPG, SVG, and more.

click or drag your image here
Supported formats: JPG, PNG, WebP

Microsoft Logo Color Code Converter

Instantly convert Microsoft's brand color between HEX, RGB, CMYK, and other color systems.

🎨

All Formats:

  • HEX:
    #ECB12E
  • RGB:
    rgb(236, 177, 46)
  • CMYK:
    cmyk(0%, 25%, 81%, 7%)
  • HSV:
    hsv(41°, 81%, 93%)
  • HSL:
    hsl(41°, 83%, 55%)

Microsoft Logo Color Palette

#F35325

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FFEAE2
Light
#FFBAA1
Medium Light
#FF8963
Medium
#F35325
Medium Dark
#B53E1D
Dark
#7A2914
Darkest
#451609

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#F35325
Left Dark
#FD8058
Left Medium
#FFA88B
Left Light
#FFCFBF
Neutral
#F5F5F5
Right Light
#D0E9F5
Right Medium
#A8DDF4
Right Dark
#78D1F4
Complementary End
#25C5F3

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#FFAD8F
Medium
#F35325
Dark
#970000
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#F325C5
Left Adjacent 1
#F3255E
Main
#F35325
Right Adjacent 1
#F3BA25
Right Adjacent 2
#C5F325

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#F35325
Complementary
#25C5F3

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#F35325
Secondary
#25F353
Tertiary
#5325F3

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#F35325
Right 90°
#5EF325
Complementary
#25C5F3
Left 90°
#BA25F3

Tetradic

Two pairs of complementary colors

4 colors
Main
#F35325
Secondary
#C5F325
Complementary
#25C5F3
Complementary Secondary
#5325F3

Split Complementary

Complementary colors ±30°

3 colors
Main
#F35325
Split Left
#25F3BA
Split Right
#255EF3

Cyclic

Circular gradient for periodic data

8 colors
#F35325
45°
#F3EE25
90°
#5EF325
135°
#25F387
180°
#25C5F3
225°
#252BF3
270°
#BA25F3
315°
#F32592

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C7A79E
Pastel 1
#CFB3AB
Pastel 2
#D6BFB8
Pastel 3
#DDCAC5
Pastel 4
#E5D6D2
Deep Pastel
#ECE2DF

#81BC06

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#D8FC8C
Light
#BBE768
Medium Light
#9ED141
Medium
#81BC06
Medium Dark
#598014
Dark
#344914
Darkest
#121808

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#81BC06
Left Dark
#A2CA57
Left Medium
#C0D98D
Left Light
#DBE7C1
Neutral
#F5F5F5
Right Light
#D0BBE8
Right Medium
#A883DB
Right Dark
#7C4CCC
Complementary End
#4106BC

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#C5DE91
Medium
#81BC06
Dark
#1D6000
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#BC4106
Left Adjacent 1
#BC9C06
Main
#81BC06
Right Adjacent 1
#26BC06
Right Adjacent 2
#06BC41

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#81BC06
Complementary
#4106BC

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#81BC06
Secondary
#0681BC
Tertiary
#BC0681

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#81BC06
Right 90°
#06BC9C
Complementary
#4106BC
Left 90°
#BC0626

Tetradic

Two pairs of complementary colors

4 colors
Main
#81BC06
Secondary
#06BC41
Complementary
#4106BC
Complementary Secondary
#BC0681

Split Complementary

Complementary colors ±30°

3 colors
Main
#81BC06
Split Left
#0626BC
Split Right
#9C06BC

Cyclic

Circular gradient for periodic data

8 colors
#81BC06
45°
#06BC14
90°
#06BC9C
135°
#0653BC
180°
#4106BC
225°
#BC06AE
270°
#BC0626
315°
#BC6F06

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#BAC89D
Pastel 1
#C3CFAA
Pastel 2
#CCD7B7
Pastel 3
#D6DEC4
Pastel 4
#DFE5D1
Deep Pastel
#E8EDDE

#05A6F0

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#BAEDFF
Light
#93D4FA
Medium Light
#65BDF5
Medium
#05A6F0
Medium Dark
#1674A5
Dark
#154561
Darkest
#0B1B24

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#05A6F0
Left Dark
#70B9F2
Left Medium
#A3CDF3
Left Light
#CEE1F4
Neutral
#F5F5F5
Right Light
#FFCEBA
Right Medium
#FFA681
Right Dark
#FB7D4A
Complementary End
#F04F05

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#A8D1F8
Medium
#05A6F0
Dark
#005596
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#05F04F
Left Adjacent 1
#05F0C4
Main
#05A6F0
Right Adjacent 1
#0531F0
Right Adjacent 2
#4F05F0

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#05A6F0
Complementary
#F04F05

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#05A6F0
Secondary
#F005A6
Tertiary
#A6F005

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#05A6F0
Right 90°
#C405F0
Complementary
#F04F05
Left 90°
#31F005

Tetradic

Two pairs of complementary colors

4 colors
Main
#05A6F0
Secondary
#4F05F0
Complementary
#F04F05
Complementary Secondary
#A6F005

Split Complementary

Complementary colors ±30°

3 colors
Main
#05A6F0
Split Left
#F00531
Split Right
#F0C405

Cyclic

Circular gradient for periodic data

8 colors
#05A6F0
45°
#1405F0
90°
#C405F0
135°
#F0056B
180°
#F04F05
225°
#E1F005
270°
#31F005
315°
#05F08A

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#9CBBC9
Pastel 1
#AAC4D0
Pastel 2
#B7CDD7
Pastel 3
#C4D6DE
Pastel 4
#D1DFE6
Deep Pastel
#DEE8ED

#FFBA08

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#FFF3CD
Light
#FFDF97
Medium Light
#FFCD5E
Medium
#FFBA08
Medium Dark
#B88710
Dark
#76570F
Darkest
#3A2B09

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#FFBA08
Left Dark
#FFC85B
Left Medium
#FFD790
Left Light
#FFE6C2
Neutral
#F5F5F5
Right Light
#D2C8F9
Right Medium
#A99DFC
Right Dark
#7774FE
Complementary End
#084DFF

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#FFDC94
Medium
#FFBA08
Dark
#855400
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#FF084D
Left Adjacent 1
#FF3E08
Main
#FFBA08
Right Adjacent 1
#C8FF08
Right Adjacent 2
#4DFF08

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#FFBA08
Complementary
#084DFF

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#FFBA08
Secondary
#08FFBA
Tertiary
#BA08FF

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#FFBA08
Right 90°
#08FF3E
Complementary
#084DFF
Left 90°
#FF08C8

Tetradic

Two pairs of complementary colors

4 colors
Main
#FFBA08
Secondary
#4DFF08
Complementary
#084DFF
Complementary Secondary
#BA08FF

Split Complementary

Complementary colors ±30°

3 colors
Main
#FFBA08
Split Left
#08C9FF
Split Right
#3E08FF

Cyclic

Circular gradient for periodic data

8 colors
#FFBA08
45°
#8BFF08
90°
#08FF3E
135°
#08FFF8
180°
#084DFF
225°
#7C08FF
270°
#FF08C8
315°
#FF080F

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#C9BD9C
Pastel 1
#D1C5A9
Pastel 2
#D8CEB6
Pastel 3
#DFD7C3
Pastel 4
#E6E0D1
Deep Pastel
#EDE9DE