What font does Microsoft Bing use?

Microsoft Bing’s website uses one typeface: Segoe UI (headings and body text), a system font.

What are Microsoft Bing’s brand colours?

The main colours on bing.com are Alice Blue (#D5EAFD), Dark Slate Blue (#0B497F), Deep Royal Blue (#00569A), Fire Brick (#C80000), Royal Blue (#025FA8) and Light Green (#006D21).

What colour is Microsoft Bing’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is Microsoft Bing’s logo from?

The logo shown in this guide was found on bing.com’s homepage. For official logo files and usage rules, check Microsoft Bing’s own brand or press page.

Is this Microsoft Bing’s official style guide?

No. SiteStyleGuide made it from bing.com’s public web pages on 29 October 2026, and isn’t affiliated with Microsoft Bing. Members can refresh a guide after 90 days to pick up changes.

Unofficial A style guide made by SiteStyleGuide from bing.com’s public web pages. Not affiliated with or endorsed by Microsoft Bing. The real site is bing.com ↗

Unofficial style guide

Microsoft Bingstyle guide

Microsoft Bing’s website (bing.com) uses Segoe UI for its headings and body text. Its palette is led by Alice Blue (#D5EAFD), Dark Slate Blue (#0B497F) and Deep Royal Blue (#00569A), with #000000 text on #FFFFFF. Captured from the live site on 29 October 2026.

Website: bing.com
Typefaces: Segoe UI, arial, Roboto
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 29 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the bing.com homepage on a desktop screen — Screenshot of bing.com on a 1440 px desktop screen, 29 Oct 2026.

Screenshot of the bing.com homepage on a phone — On a phone, 390 px.

Identity & metadata

What browsers, search engines and social cards show before anyone reaches the page, from the homepage’s <head>.

Title &
description

Page title: Search - Microsoft Bing; ● 23 / 60 characters
Meta description: Search with Microsoft Bing and use the power of AI to find information, explore webpages, images, videos, maps, and more. A smart search engine for the forever curious.; ▲ 168 / 160 characters
Site name: Search - Microsoft Bing
og:title: Info
og:description: As morning mist drifts among the standing stones o
Language: en
Theme colour: #4F4F4F

In search results

Search - Microsoft Binghttps://www.bing.com/?toWww=1&redig=36B9D300846944A2A97C8BF1788AF51C

Search - Microsoft Bing

Search with Microsoft Bing and use the power of AI to find information, explore webpages, images, videos, maps, and more. A smart search engine for the forever c…

When shared

The image Microsoft Bing shares with links

bing.com

Info

As morning mist drifts among the standing stones o

Logo & favicons

Found as: SVG in the header. SVG, 24 × 24.

Logo

On white

On black

On Alice Blue

Favicons

2 found

32 px · PNG icon
32 px · ICO favicon.ico

Search - Microsoft Bing

Light browser tab

Search - Microsoft Bing

Dark browser tab

Colour

Read from the site’s stylesheets and weighted by where each colour is used. Names are the nearest standard colour name. Click a swatch to copy its hex code.

Contrast is against the site’s text colour (#000000) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used

White 40.5%
Black 13%
Light Cool Off White 9.2%
Deep Cool Off White 6.5%
Alice Blue 4.4%
Dark Slate Blue 4.1%
Deep Royal Blue 3.8%
Fire Brick 3.2%
Royal Blue 3%
Light Green 2.4%
Steel Blue 2.1%
Slate Blue 2.1%
Chocolate 2%
Light Royal Blue 1.5%
Orange 1.1%
Deep Green 1.1%

By how often each colour appears in the site’s CSS, weighted by where (body, headings, buttons), not by area on the screen.

Neutrals

Text, backgrounds and structure

White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 0

On text
21.00:1 AAA

On white
—

Background, text, graphic · --rw-font-color, .header-full.pinned_header
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Text, background, graphic · .b_dark .header-full.pinned_header, .scopes .scope .overflow_menu .overflow_item.focusin
Light Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
4 2 0 0

On text
19.79:1 AAA

On white
1.06:1 Fail

Background · #qs_searchBox, --ctm
Deep Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
7 3 0 5

On text
17.56:1 AAA

On white
1.20:1 Fail

Used · --lhm, --hvx

Colours

Brand colours and accents, most used first

Alice Blue

HEX

RGB

HSL

OKLCH

CMYK
16 8 0 1

On text
17.02:1 AAA

On white
1.23:1 Fail

Background · --mgq, --vyh
Dark Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
91 43 0 50

On text
2.27:1 Fail

On white
9.24:1 AAA

Used · --hbd, --jhy
Deep Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
100 44 0 40

On text
2.80:1 Fail

On white
7.51:1 AAA

Used · --xlf, --vrg
Fire Brick

HEX

RGB

HSL

OKLCH

CMYK
0 100 100 22

On text
3.46:1 AA large

On white
6.08:1 AA

Background · #rh_rwm.hp .red-dot, --yyl
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
99 43 0 34

On text
3.20:1 AA large

On white
6.55:1 AA

Used · --kkh, --bqd
Light Green

HEX

RGB

HSL

OKLCH

CMYK
100 0 70 57

On text
3.21:1 AA large

On white
6.54:1 AA

Used · --jld, --bmd
Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
92 42 0 25

On text
4.00:1 AA large

On white
5.26:1 AA

Background, graphic, border · .sbox .sb_search_btn, .sbox .sb_form .inline_sb
Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
90 68 0 11

On text
3.14:1 AA large

On white
6.70:1 AA

Graphic, background · .sbox .sb_form.c_show_form .sbi_hpicn, #qs_chatBox
Chocolate

HEX

RGB

HSL

OKLCH

CMYK
0 53 100 25

On text
4.65:1 AA

On white
4.51:1 AA

Used · --xnn, --xtj
Light Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
94 52 0 8

On text
4.57:1 AA

On white
4.60:1 AA

Background · #qs_chatBox, --pqv
Orange

HEX

RGB

HSL

OKLCH

CMYK
0 31 100 2

On text
11.01:1 AAA

On white
1.91:1 Fail

Used · --pjr, --rkx
Deep Green

HEX

RGB

HSL

OKLCH

CMYK
100 0 66 70

On text
2.08:1 Fail

On white
10.11:1 AAA

Used · --mpc, --skh

Gradients

linear-gradient(rgba(0,0,0,.6),transparent)
linear-gradient(to bottom left,rgba(0,0,0,.5) -20%,transparent 30%)
linear-gradient(to bottom right,rgba(0,0,0,.5) -20%,transparent 30%)

Typography

Faces from Google Fonts are shown in the real thing. Others are licensed to the site, so they show in your device’s copy if you have one, or a stand-in if not.

Segoe UI

Aa 400

Segoe UI

System font, or not loaded on this page · body · shown in a stand-in if you don’t have it

Aa 400

arial

System font, or not loaded on this page · shown in a stand-in if you don’t have it

Aa 400

Roboto

System font, or not loaded on this page · weights 400 · shown in a stand-in if you don’t have it

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 ! ? & @ % $ – ’ “ ”

Type scale

From the site’s CSS

Body — Segoe UI

Search with Microsoft Bing and use the power of AI to find information, explore webpages, images, videos, maps, and more. A smart search en…

Sizes in use

Most common across the site

18px1 rules
16pxline 22px · 1 rules
14pxline 16px · 3 rules
13pxline normal · 8 rules
11pxline 16px · 3 rules

Elements

The main button and link as the site’s CSS draws them, and the corner radii and shadows it uses most.

Elements

Corner radius

24px · 8×
6px · 6×
24px 24px 0 0 · 4×
999px · 2×
3px · 2×
2px · 2×

Shadows

0 0 0 1px rgba(0,0,0,.05),0 2px 3px 0 rgba(0,0,0,.1)
0 0 0 1px rgba(0,0,0,.05),0 2px 4px 1px rgba(0,0,0,.14)
0 2px 4px rgba(0,0,0,.3)
0 0 0 2px #2169eb

Layout

Breakpoints from the site’s media queries and the widths its content is held to, with how often each appears.

Grid

Breakpoints

349

640

644

767

955

956

1024

1267

On a scale of 0 to 1440 px.

Content widths (max-width)

975 px

800 px

760 px

700 px

420 px

300 px

Notes

Plain checks on what was found. Worth fixing if you look after this site.

Notes

● FineThe title is 23 characters, short enough to show in full in search results.
▲ CheckThe description is 168 characters. Search results usually show about 160.

Questions

Quick answers, from the same capture as the rest of this guide.

Questions

What font does Microsoft Bing use?: Microsoft Bing’s website uses one typeface: Segoe UI (headings and body text), a system font.
What are Microsoft Bing’s brand colours?: The main colours on bing.com are Alice Blue (#D5EAFD), Dark Slate Blue (#0B497F), Deep Royal Blue (#00569A), Fire Brick (#C80000), Royal Blue (#025FA8) and Light Green (#006D21).
What colour is Microsoft Bing’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is Microsoft Bing’s logo from?: The logo shown in this guide was found on bing.com’s homepage. For official logo files and usage rules, check Microsoft Bing’s own brand or press page.
Is this Microsoft Bing’s official style guide?: No. SiteStyleGuide made it from bing.com’s public web pages on 29 October 2026, and isn’t affiliated with Microsoft Bing. Members can refresh a guide after 90 days to pick up changes.

Design tokens

Everything above as CSS variables, ready to paste into a project. Members can download the tokens as files for Figma (Tokens Studio), Style Dictionary and Tailwind.

Tokens

bing-com-tokens.css

Download

Free with an account: sign up or sign in, and you’ll come straight back here.

/* bing.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/bing.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-light-cool-off-white: #F3F9FE;
  --colour-deep-cool-off-white: #E3ECF3;
  --colour-alice-blue: #D5EAFD;
  --colour-dark-slate-blue: #0B497F;
  --colour-deep-royal-blue: #00569A;
  --colour-fire-brick: #C80000;
  --colour-royal-blue: #025FA8;
  --colour-light-green: #006D21;
  --colour-steel-blue: #106EBE;
  --colour-slate-blue: #174AE4;
  --colour-chocolate: #BE5A00;
  --colour-light-royal-blue: #0D71EA;
  --colour-orange: #F9AD01;
  --colour-deep-green: #004D1A;
  --gradient-1: linear-gradient(rgba(0,0,0,.6),transparent);
  --gradient-2: linear-gradient(to bottom left,rgba(0,0,0,.5) -20%,transparent 30%);
  --gradient-3: linear-gradient(to bottom right,rgba(0,0,0,.5) -20%,transparent 30%);

  /* Typefaces */
  --font-body: 'Segoe UI', 'Segoe', 'Tahoma', 'Arial', 'Verdana', sans-serif;
  --font-other: 'arial', 'helvetica', sans-serif;

  /* Shape */
  --radius-1: 24px;
  --radius-2: 6px;
  --radius-3: 24px 24px 0 0;
  --radius-4: 999px;
  --radius-5: 3px;
  --radius-6: 2px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 349px;
  --breakpoint-2: 640px;
  --breakpoint-3: 644px;
  --breakpoint-4: 767px;
  --breakpoint-5: 955px;
  --breakpoint-6: 956px;
  --breakpoint-7: 1024px;
  --breakpoint-8: 1267px;
  --max-width-1: 975px;
  --max-width-2: 800px;
  --max-width-3: 760px;
  --max-width-4: 700px;
  --max-width-5: 420px;
  --max-width-6: 300px;
}

{
    "site": "bing.com",
    "source": "https://sitestyleguide.com/bing.com",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Light Cool Off White",
            "hex": "#F3F9FE",
            "rgb": [
                243,
                249,
                254
            ]
        },
        {
            "name": "Deep Cool Off White",
            "hex": "#E3ECF3",
            "rgb": [
                227,
                236,
                243
            ]
        },
        {
            "name": "Alice Blue",
            "hex": "#D5EAFD",
            "rgb": [
                213,
                234,
                253
            ]
        },
        {
            "name": "Dark Slate Blue",
            "hex": "#0B497F",
            "rgb": [
                11,
                73,
                127
            ]
        },
        {
            "name": "Deep Royal Blue",
            "hex": "#00569A",
            "rgb": [
                0,
                86,
                154
            ]
        },
        {
            "name": "Fire Brick",
            "hex": "#C80000",
            "rgb": [
                200,
                0,
                0
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#025FA8",
            "rgb": [
                2,
                95,
                168
            ]
        },
        {
            "name": "Light Green",
            "hex": "#006D21",
            "rgb": [
                0,
                109,
                33
            ]
        },
        {
            "name": "Steel Blue",
            "hex": "#106EBE",
            "rgb": [
                16,
                110,
                190
            ]
        },
        {
            "name": "Slate Blue",
            "hex": "#174AE4",
            "rgb": [
                23,
                74,
                228
            ]
        },
        {
            "name": "Chocolate",
            "hex": "#BE5A00",
            "rgb": [
                190,
                90,
                0
            ]
        },
        {
            "name": "Light Royal Blue",
            "hex": "#0D71EA",
            "rgb": [
                13,
                113,
                234
            ]
        },
        {
            "name": "Orange",
            "hex": "#F9AD01",
            "rgb": [
                249,
                173,
                1
            ]
        },
        {
            "name": "Deep Green",
            "hex": "#004D1A",
            "rgb": [
                0,
                77,
                26
            ]
        }
    ],
    "fonts": [
        {
            "name": "Segoe UI",
            "stack": "\"Segoe UI\", Segoe, Tahoma, Arial, Verdana, sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "arial",
            "stack": "arial, helvetica, sans-serif",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Roboto",
            "stack": "Roboto",
            "weights": [
                400
            ],
            "source": "System font, or not loaded on this page"
        }
    ]
}

Other websites using Segoe UI as their main typeface

S

SORT

sort-office.com · set in Segoe UI
Save
CodeCanyon

codecanyon.net · set in Segoe UI
Save
xbox.com

xbox.com · set in Segoe UI
Save
orbitz

orbitz.com · set in Segoe UI
Save

Websites whose lead colour is closest to Microsoft Bing’s

SendSpace

sendspace.com · 4 hours ago
Save
Onedio

onedio.com · 2 days ago
Save
example.com

example.com · 5 days ago
Save
google.cn

google.cn · 19 minutes ago
Save

Captured from bing.com on 29 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by Microsoft Bing; this guide describes the public website for reference.

Microsoft Bingstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Light Cool Off White

Deep Cool Off White

Colours

Alice Blue

Dark Slate Blue

Deep Royal Blue

Fire Brick

Royal Blue

Light Green

Steel Blue

Slate Blue

Chocolate

Light Royal Blue

Orange

Deep Green

Gradients

Segoe UI

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run bing.com?

Also set in Segoe UI

SORT

CodeCanyon

xbox.com

orbitz

Similar colours

SendSpace

Onedio

example.com

google.cn

Title &
description