Brand colors

Microsoft Brand Colors

Microsoft palette: #F25022, #7FBA00, #00A4EF, #FFB900. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Microsoft.

Technology Brand index API Dataset

Commonly referenced palette Microsoft

#F25022#7FBA00#00A4EF#FFB900

Listed without an implied color hierarchy

Palette

Palette color 1#F25022RGB 242, 80, 34

Palette color 2#7FBA00RGB 127, 186, 0

Palette color 3#00A4EFRGB 0, 164, 239

Palette color 4#FFB900RGB 255, 185, 0

CSS Tokens

:root {
  --brand-microsoft-1: #F25022;
  --brand-microsoft-2: #7FBA00;
  --brand-microsoft-3: #00A4EF;
  --brand-microsoft-4: #FFB900;
}

Accessibility Snapshot

#F25022Black 5.95:1 / White 3.53:1

#7FBA00Black 8.93:1 / White 2.35:1

#00A4EFBlack 7.56:1 / White 2.78:1

#FFB900Black 12.19:1 / White 1.72:1

Brand palette context · Editorially reviewed

About Microsoft Brand Colors

Microsoft’s four-color corporate reference brings red-orange, green, blue, and yellow into a balanced grid. Unlike a one-color identity, recognition comes from the fixed relationship among all four fields and the neutral wordmark context. Each hue is strong, but no single tile describes the complete system.

The palette is a useful model for multi-category systems: colors can separate products or ideas while retaining equal geometry and shared spacing. Actual Microsoft marks remain controlled assets. Microsoft’s trademark guidance warns against altered logos, confusingly similar designs, and uses that imply sponsorship, so numeric colors should never be mistaken for a license to reconstruct the symbol.

This page is an independent technical reference and does not reproduce Microsoft artwork, assert official approval, or grant trademark rights.

Downloadable brand colors infographic

Microsoft Brand Colors Infographic

Save an independent infographic of the commonly referenced Microsoft HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800

Microsoft brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Microsoft.

Download WebP Download SVG Open full size

Luminance0.2473

Black text5.95:1AA Pass

White text3.53:1AA Fail

hexCanonical HEX value

rgbRed, green, blue channels

hslHue, saturation, lightness

cmykApproximate print conversion

wcagAA and AAA contrast options

harmoniesMathematical harmony sets

variantsGenerated tone variants

nearestColorsKnowledge graph neighbors

Structured sections

Brand

{
  "slug": "microsoft",
  "name": "Microsoft",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/microsoft/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Microsoft."
}

Palette

[
  {
    "name": "Palette color 1",
    "hex": "#F25022",
    "rgb": [
      242,
      80,
      34
    ],
    "hsl": [
      13,
      89,
      54
    ],
    "cmyk": [
      0,
      67,
      86,
      5
    ],
    "luminance": 0.2473,
    "contrast": {
      "black": 5.95,
      "white": 3.53
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#7FBA00",
    "rgb": [
      127,
      186,
      0
    ],
    "hsl": [
      79,
      100,
      36
    ],
    "cmyk": [
      32,
      0,
      100,
      27
    ],
    "luminance": 0.3963,
    "contrast": {
      "black": 8.93,
      "white": 2.35
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "name": "Palette color 3",
    "hex": "#00A4EF",
    "rgb": [
      0,
      164,
      239
    ],
    "hsl": [
      199,
      100,
      47
    ],
    "cmyk": [
      100,
      31,
      0,
      6
    ],
    "luminance": 0.3278,
    "contrast": {
      "black": 7.56,
      "white": 2.78
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "name": "Palette color 4",
    "hex": "#FFB900",
    "rgb": [
      255,
      185,
      0
    ],
    "hsl": [
      44,
      100,
      50
    ],
    "cmyk": [
      0,
      27,
      100,
      0
    ],
    "luminance": 0.5596,
    "contrast": {
      "black": 12.19,
      "white": 1.72
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  }
]

AI context

{
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "red brand palette",
    "green brand palette",
    "blue brand palette",
    "orange brand palette",
    "warm brand palette",
    "cool brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "Microsoft color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/microsoft.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

CSS tokens

{
  "css": "--brand-microsoft-1: #F25022;\n--brand-microsoft-2: #7FBA00;\n--brand-microsoft-3: #00A4EF;\n--brand-microsoft-4: #FFB900;"
}

Accessibility

[
  {
    "hex": "#F25022",
    "contrast": {
      "black": 5.95,
      "white": 3.53
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": []
    }
  },
  {
    "hex": "#7FBA00",
    "contrast": {
      "black": 8.93,
      "white": 2.35
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "hex": "#00A4EF",
    "contrast": {
      "black": 7.56,
      "white": 2.78
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "hex": "#FFB900",
    "contrast": {
      "black": 12.19,
      "white": 1.72
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  }
]

Full JSON dataset

{
  "slug": "microsoft",
  "name": "Microsoft",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Microsoft.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/microsoft/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/microsoft.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#F25022",
      "rgb": [
        242,
        80,
        34
      ],
      "hsl": [
        13,
        89,
        54
      ],
      "cmyk": [
        0,
        67,
        86,
        5
      ],
      "luminance": 0.2473,
      "contrast": {
        "black": 5.95,
        "white": 3.53
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": []
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#7FBA00",
      "rgb": [
        127,
        186,
        0
      ],
      "hsl": [
        79,
        100,
        36
      ],
      "cmyk": [
        32,
        0,
        100,
        27
      ],
      "luminance": 0.3963,
      "contrast": {
        "black": 8.93,
        "white": 2.35
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      }
    },
    {
      "name": "Palette color 3",
      "hex": "#00A4EF",
      "rgb": [
        0,
        164,
        239
      ],
      "hsl": [
        199,
        100,
        47
      ],
      "cmyk": [
        100,
        31,
        0,
        6
      ],
      "luminance": 0.3278,
      "contrast": {
        "black": 7.56,
        "white": 2.78
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000"
        ]
      }
    },
    {
      "name": "Palette color 4",
      "hex": "#FFB900",
      "rgb": [
        255,
        185,
        0
      ],
      "hsl": [
        44,
        100,
        50
      ],
      "cmyk": [
        0,
        27,
        100,
        0
      ],
      "luminance": 0.5596,
      "contrast": {
        "black": 12.19,
        "white": 1.72
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      }
    }
  ],
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "red brand palette",
    "green brand palette",
    "blue brand palette",
    "orange brand palette",
    "warm brand palette",
    "cool brand palette",
    "vibrant brand color",
    "jewel tone brand color",
    "Microsoft color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/microsoft.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}

Microsoft Brand Colors

Palette

CSS Tokens

Accessibility Snapshot

About Microsoft Brand Colors

Microsoft Brand Colors Infographic

Machine-Readable Brand Color Data (JSON)

Related Brand Color Guides