Microsoft: A Brand Breakdown

Logo History

Microsoft Logo

Microsoft’s logo design might seem simple at first glance, but behind the four coloured squares and clean wordmark lies decades of brand evolution.

Over the years, the Microsoft logo has reflected not only technological change but a shift in the brand’s personality: from hard-edged and corporate to modern, accessible, and human.

Microsoft Logo 1975 – 1980

The original Microsoft logo was sharp and experimental, featuring disco-era typography with a sci-fi edge.

It reflected the spirit of early computing: Bold, innovative, and a little bit chaotic.

Microsoft Logo 1980 – 1982

In 1980, Microsoft revealed a new logo with a metallic, high-tech look.

This logo used a custom font called New Zelek and embraced a more polished, hardware-influenced aesthetic.

This new logo also saw “micro” and “soft” written on a single line, rather than broken into two separate words as before – a choice that has held strong through all subsequent changes.

This logo was stronger than the original, but it still seemed that the brand was finding its feet, developing a new logo just 2 years later.

Microsoft Logo 1982 – 1987

1982’s new logo, designed with ITC Avant Garde, was clean and modern with geometric styling.

Enter “the Blibbet”.

The Blibbet was a striped ‘O’ that became a cult favourite among Microsoft employees. The “O” mimicked the stacked lines on a CD, a central part of computer functionality at the time.

This was another short-lived logo, lasting only 5 years, but it signalled a shift toward a more serious, business-focused identity.

Microsoft Logo 1987 – 2012

This is the version many people still remember: the “Pac-Man” logo.

Introduced in 1987, this was a bold, sans-serif wordmark with a slash cut into the “o” to suggest speed and progress.

Designed by Scott Baker, it cemented Microsoft’s dominance in the software industry and remained in use for 25 years.

Micosoft Logo 2012 – Present

In 2012, Microsoft unveiled its current logo, which was a major departure from all of its previous logos.

It features:

A multicoloured symbol made up of four squares arranged in a grid – red, green, blue, and yellow – symbolising Microsoft’s diverse product ecosystem.

A neutral, modern wordmark set in Segoe UI, aligning the corporate brand with its digital products.

Microsoft wasn’t just a software provider anymore. It was a unified, user-centred, experience-driven brand, and it needed a logo to reflect that.

This iteration of the logo is clean and simple – and it has become so synonymous with the Microsoft brand over the years, that now it’s hard to picture any other version of the logo!

Usage Guidelines

Microsoft’s guidelines are clear:

• Don’t alter the symbol or wordmark
• Respect minimum sizing and clear space rules
• The logo should appear on neutral backgrounds (white, grey, or Microsoft Blue) for maximum legibility
• The symbol can be used on its own, but only when the Microsoft brand is already established in context

Together, the four-colour symbol and Segoe UI wordmark reflect Microsoft’s focus on clarity, connection, and global reach. It’s a far cry from the edgy logos of the 1980s, but perfectly in line with its current brand promise.

Typography

Microsoft Font & Typography

Microsoft’s typography system is functional, friendly, and future-focused.

It’s built around legibility, consistency, and, unsurprisingly, scalability across screens.

Primary Typeface: Segoe UI

A humanist sans-serif font, Segoe has been Microsoft’s main typeface since Windows Vista.

It’s clean, open, and highly legible, making it perfect for user interfaces, websites, and documents.

Its rounded letters and open apertures give it a modern, friendly feel, while still being neutral enough to support everything from enterprise tools to gaming consoles.

Secondary Typefaces

Microsoft also uses other typefaces across sub-brands and marketing materials:

• Segoe Print / Script – Used sparingly for more expressive communications
• Neue Haas Grotesk & DIN – Occasionally seen in campaigns, depending on the product or platform

Usage Guidelines

In Microsoft’s brand guidelines, they succinctly state, “Keep it simple”.

They avoid heavy use of italics, outlines, or novelty fonts.

Segoe UI is used across almost all digital products, creating a seamless experience across brand touchpoints.

Colour Palette

Microsoft Colour Palette & Hex Codes

Microsoft’s colour system is built for scale. With products spanning everything from gaming to enterprise software, their palette needs to do a lot, and look good doing it.

At the heart of the brand are the four bold primaries that make up their logo. Around that sits a supporting cast of neutral tones that help keep things clear, consistent, and accessible across platforms.

Here’s how it all breaks down.

Primary Brand Colours

These four colours form the foundation of Microsoft’s identity:

Blue

• HEX: #00A4EF
• RGB: 0, 164, 239
• CMYK: 89, 11, 0, 0
• Pantone: 2995 C

Green

• HEX: #7FBA00
• RGB: 127, 186, 0
• CMYK: 46, 0, 100, 0
• Pantone: 368 C

Yellow

• HEX: #FFB900
• RGB: 255, 185, 0
• CMYK: 0, 28, 100, 0
• Pantone: 1235 C

Red

• HEX: #F25022
• RGB: 242, 80, 34
• CMYK: 0, 80, 95, 0
• Pantone: 1795 C

These colours reflect Microsoft’s major product areas and are used most prominently in the logo and app icons.

Supporting Palette

Beyond the core four, Microsoft uses a supporting palette of greys, whites, and muted tones across interfaces and communications to maintain a clean, modern look.

Dark Grey

• HEX: #737373
• RGB: 115, 115, 115
• CMYK: 0, 0, 0, 55
• Pantone: Cool Gray 9 C

Light Grey

• HEX: #E6E6E6
• RGB: 230, 230, 230
• CMYK: 0, 0, 0, 10
• Pantone: Cool Gray 1 C

White

• HEX: #FFFFFF
• RGB: 255, 255, 255
• CMYK: 0, 0, 0, 0

Usage Guidelines

Colour is used with intention. The bold primaries support apps and identity, while the neutrals keep clarity and balance, and add breathing space across different materials.

Tone of Voice

Microsoft Tone of Voice

Microsoft’s voice is clear, confident, inclusive, and above all, human.

It’s focused on empowering every person and organisation, and that principle is reflected in everything from website copy to product onboarding.

The tone is based on three principles:

• Warm and relaxed – The tone aims to be natural and free of jargon, rooted in real, everyday conversations.
• Crisp and clear – Microsoft write for scanning first and reading second. All copy is simple and straight to the point.
• Ready to lend a hand – Through their tone of voice, Microsoft prove to customers that they’re on their side. They offer information right when it’s necessary and relevant.

Microsoft tone will vary slightly across context – casual for Xbox, professional for Azure, educational for Teams. But the core values remain: get to the point fast, and talk like a person.

Imagery

Microsoft Imagery & Illustration

Microsoft’s visual storytelling focuses on real people and real impact.

Photography

Photography is natural, diverse, and authentic. It’s about showing how products integrate into life and work – not staged stock shots, but believable, inclusive scenarios.

Expect:

• Candid moments, not posed portraits
• Diverse representation (age, ethnicity, ability, etc.)
• Real-life environments – homes, offices, classrooms

Illustration

Flat, vector-style illustrations are used across digital products and onboarding flows. They often feature soft gradients, rounded shapes, and simplified characters to convey ideas quickly and clearly.

There’s a modular feel to Microsoft’s illustration style – pieces can be reused and recombined for flexibility across platforms.

Website

Microsoft Website

Microsoft.com is a sprawling ecosystem, but it’s structured to feel intuitive and consistent.

Each section – from Surface to Xbox, Office to Azure – maintains brand consistency while tailoring content to the audience.

Design principles include:

• Simple navigation – with a mega menu to cover broad product categories
• White space – for breathing room and clarity
• Accessible UX – supporting keyboard navigation, screen readers, and responsive design
• Visual consistency – clear CTAs, consistent typography, and product-led photography

The site scales globally but feels personal, with smart localisation and content that flexes to user needs.

Reference Panel

Quick Reference Panel

Here’s a quick reference guide for Microsoft’s visual and written communications:

Microsoft Logo:

• Four-square symbol with Segoe UI wordmark
• Symbol alone used in product icons and social media
• Maintain clear space equal to the “M” height

Colours:

• Blue — HEX: #00A4EF
• Green — HEX: #7FBA00
• Yellow — HEX: #FFB900
• Red — HEX: #F25022

Typography:

• Primary: Segoe UI (clean, humanist sans-serif)
• Avoid decorative or overly styled fonts

Tone of Voice:

• Empowering, human, and clear
• Adaptable across products, always values-driven

Imagery:

• Real, inclusive photography
• Modular vector-style illustrations

Brand Guidelines

Microsoft Brand Guidelines

Microsoft doesn’t offer a single, fully public brand centre like some other tech giants, but they do provide clear, accessible guidance on how to use their brand assets correctly.

Their Trademark & Brand Guidelines cover everything from logo usage and product naming to legal permissions and clear space rules. You’ll also find specific guidance for Microsoft 365 apps like Teams, Outlook, and Word.

When it comes to visual identity, Microsoft follows a structured system based on the Segoe typeface and bold colour blocks.

While detailed design documentation isn’t all public, you can still explore key principles and product-specific brand usage across various Microsoft platforms.

Using This Information

How to Use This Information

Whether you’re a designer, marketer, or brand strategist, Microsoft’s branding is a goldmine of best practices.

From tone to typography, Microsoft proves that tech doesn’t have to feel cold or corporate.

Its clarity, consistency, and people-first ethos make it a benchmark brand and a great blueprint for anyone operating in tech, SaaS, or digital products.

If you’re aiming to build a global brand or reposition a legacy one, there’s plenty to take away from how Microsoft blends their heritage with innovation.

Work With Us

At Canny, we help tech brands find their voice and their visual identity.

Whether you’re launching a new product, refreshing an old brand, or scaling globally, we’ll help you create a strategy and identity system that cuts through the noise.

From UX and websites to tone of voice and campaigns, we bring your brand to life.

Ready to build a brand that works as hard as your tech?

Let’s talk.