What font does Discovery use?

Discovery’s website uses three typefaces: Sharp Sans SemiBold (headings), served from hgtvhome.sndimg.com; Sharp Sans Extrabold, served from hgtvhome.sndimg.com; Sharp Sans Medium (body text), served from hgtvhome.sndimg.com.

What are Discovery’s brand colours?

The main colours on discovery.com are Light Steel Blue (#2182BF), Deep Steel Blue (#1C6693), Turquoise (#63D6C9), Light Fire Brick (#CB031C), Red (#FF0000) and Chocolate (#BD5804).

What colour is Discovery’s text and background?

Body text is #141414 on a #FFFFFF background.

Where is Discovery’s logo from?

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

Is this Discovery’s official style guide?

No. SiteStyleGuide made it from discovery.com’s public web pages on 3 November 2026, and isn’t affiliated with Discovery. Members can refresh a guide after 90 days to pick up changes.

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

Unofficial style guide

Discoverystyle guide

Discovery’s website (discovery.com) sets its headings in Sharp Sans SemiBold and its body text in Sharp Sans Medium. Its palette is led by Light Steel Blue (#2182BF), Deep Steel Blue (#1C6693) and Turquoise (#63D6C9), with #141414 text on #FFFFFF. Captured from the live site on 3 November 2026.

Website: discovery.com
Typefaces: Sharp Sans SemiBold, Sharp Sans Extrabold, Sharp Sans Medium
Palette: 4 neutrals, 11 colours, 3 gradients
Captured: 3 Nov 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the discovery.com homepage on a desktop screen — Screenshot of discovery.com on a 1440 px desktop screen, 3 Nov 2026.

Screenshot of the discovery.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: Discovery Channel Shows and Articles | Discovery; ● 48 / 60 characters
Meta description: Watch your favorite Discovery Channel shows and find bonus content on all things science, technology, nature, and more at Discovery.com.; ● 136 / 160 characters
Site name: Discovery
og:title: Home
Language: en

In search results

Discoveryhttps://www.discovery.com/

Discovery Channel Shows and Articles | Discovery

Watch your favorite Discovery Channel shows and find bonus content on all things science, technology, nature, and more at Discovery.com.

When shared

discovery.com

Home

Watch your favorite Discovery Channel shows and find bonus content on all things science, technology, nature,…

Logo & favicons

Found as: image in the header. JPG, 196 × 196.

Logo

On white

On black

On Light Steel Blue

Favicons

8 found

196 px · PNG icon
192 px · PNG icon
180 px · PNG apple-touch-icon-precomposed
160 px · PNG icon
128 px · PNG icon
96 px · PNG icon
32 px · PNG icon
16 px · PNG icon

Discovery Channel Shows and Articles | Discovery

Light browser tab

Discovery Channel Shows and Articles | Discovery

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 (#141414) and white, using WCAG 2 ratios: 4.5 for body text, 3 for large text.

Colour

Balance

How much each colour is used

White 34.2%
Near Black 33.6%
Light Steel Blue 8.7%
Charcoal 7.7%
Off White 5.1%
Deep Steel Blue 5%
Turquoise 3.1%
Light Fire Brick 0.6%
Red 0.5%
Chocolate 0.4%
Light Crimson 0.2%
Orange Red 0.2%
Deep Fire Brick 0.2%
Midnight Blue 0.2%
Deep Crimson 0.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
18.42:1 AAA

On white
—

Text, background, border · body, .pika-lendar .pika-title
Near Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 92

On text
—

On white
18.42:1 AAA

Text, background, border · .fullWidthPage .o-AssetTitle .o-AssetTitle__a-Headline, body
Charcoal

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 73

On text
1.89:1 Fail

On white
9.74:1 AAA

Text, background, border · .btn-default, .a-Input:-ms-input-placeholder
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 13

On text
13.82:1 AAA

On white
1.33:1 Fail

Background, border, text · .o-ShowLead .a-Button[disabled], .o-ProgramSchedule .m-MediaBlock__a-Button[disabled]

Colours

Brand colours and accents, most used first

Light Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
83 32 0 25

On text
4.40:1 AA large

On white
4.19:1 AA large

Text, background, border · #photo-gallery .a-ShopButton .btn-primary:hover, .btn-default:hover
Deep Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
81 31 0 42

On text
2.96:1 Fail

On white
6.23:1 AA

Text, background, border · #photo-gallery .m-SlideContainer__a-Title:after, #photo-gallery .m-SlideContainer .tray-showing .m-SlideContainer__a-Title:after
Turquoise

HEX

RGB

HSL

OKLCH

CMYK
54 0 6 16

On text
10.52:1 AAA

On white
1.75:1 Fail

Background, text, border · .o-FooterFresh .m-Body__m-PromoList:hover a:hover, .m-DateBlock__a-Label
Light Fire Brick

HEX

RGB

HSL

OKLCH

CMYK
0 99 86 20

On text
3.13:1 AA large

On white
5.88:1 AA

Background · #photo-gallery .m-SlideContainer .a-Icon--pinterest, .o-PhotoGalleryPromo--Viewer .a-Icon--pinterest
Red

HEX

RGB

HSL

OKLCH

CMYK
0 100 100 0

On text
4.61:1 AA

On white
4.00:1 AA large

Text · .o-FollowUs .o-Newsletter .a-Input, .o-Newsletter .m-Form__a-Errors
Chocolate

HEX

RGB

HSL

OKLCH

CMYK
0 53 98 26

On text
4.00:1 AA large

On white
4.60:1 AA

Background · .o-Attribution__m-Body, .photoGalleryPage .o-Attribution__a-Author
Light Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 100 73 10

On text
3.86:1 AA large

On white
4.77:1 AA

Background, border · .o-EpisodeGuide .m-MediaItem__m-MediaLabel--recent:before, .o-EpisodeList .episodeGuide .o-FullWidth__m-Header .o-FullWidth__a-Headline--Re
Orange Red

HEX

RGB

HSL

OKLCH

CMYK
0 67 92 0

On text
5.70:1 AA

On white
3.23:1 AA large

Border, graphic · .o-Header .a-Icon--icon-angle-right, .m-ScheduleCard__a-SubHeadline--now
Deep Fire Brick

HEX

RGB

HSL

OKLCH

CMYK
0 99 88 27

On text
2.75:1 Fail

On white
6.70:1 AA

Background · #photo-gallery .m-SlideContainer .a-Icon--pinterest:hover, .o-PhotoGalleryPromo--Viewer .a-Icon--pinterest:hover
Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
89 35 0 71

On text
1.36:1 Fail

On white
13.54:1 AAA

Background · .m-StoryCard__a-Icon, .m-StoryCard .a-Icon
Deep Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 100 85 10

On text
3.85:1 AA large

On white
4.78:1 AA

Background · .o-Header .m-SocialLinks .m-SocialLinks__a-Button--pinterest:hover, .o-SocialShare__m-ShareButton--pinterest:hover

Gradients

linear-gradient(-180deg,hsla(0,0%,100%,.1),rgba(0,0,0,.1))
linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 57%,#fff)
linear-gradient(165deg,rgba(0,0,0,.35),rgba(0,0,0,.09) 75%,transparent)

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.

Sharp Sans SemiBold

Aa 600 Aa 800

Sharp Sans SemiBold

Served from hgtvhome.sndimg.com · weights 600, 800 · buttons, headings · shown in a stand-in if you don’t have it

Aa 600 Aa 800

Sharp Sans Extrabold

Served from hgtvhome.sndimg.com · weights 600, 700, 800 · headings, buttons · shown in a stand-in if you don’t have it

Aa 400 Aa 700

Sharp Sans Medium

Served from hgtvhome.sndimg.com · weights 400, 500, 600, 700 · headings, body, buttons · shown in a stand-in if you don’t have it

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

Type scale

From the site’s CSS

Body 14px / 1.8 Sharp Sans Medium

Watch your favorite Discovery Channel shows and find bonus content on all things science, technology, nature, and more at Discovery.com.

Paragraph 100%

Watch your favorite Discovery Channel shows and find bonus content on all things science, technology, nature, and more at Discovery.com.

Small 100%

Watch your favorite Discovery Channel shows and find bonus content on all things science, technology, nature, and more at Discovery.com.

Button 100%

Get started

Link 100%

Sizes in use

Most common across the site

35pxline 1.25 · 17 rules
30pxline 1.25 · 18 rules
25pxline 1.25 · 18 rules
20pxline 1 · 61 rules
18pxline 1.5 · 55 rules
16pxline 1 · 118 rules
14pxline 1.5 · 100 rules
12pxline 1 · 89 rules

Elements

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

Elements

Button

Get started

dialog .btn.btn-primary · #FFFFFF · radius 28px

Link

Read our latest news today.

a · #1C6693

Corner radius

500px · 95×
50% · 28×
4px · 8×
2px · 8×
3px · 7×
6px · 5×

Shadows

0 1px 3px 0 0 1px 18px 1px rgba(0,0,0,.04) rgba(0,0,0,.06)
0 1px 2px 0 0 1px 3px 1px rgba(0,0,0,.05) rgba(0,0,0,.03)
0 0 40px rgba(0,0,0,.3)
0 1px 2px 0 rgba(0,0,0,.15),1px 0 4px 0 rgba(0,0,0,.15)

Layout

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

Grid

Breakpoints

616

700

768

1080

1250

1262

1308

1310

On a scale of 0 to 1440 px.

Content widths (max-width)

1308 px

1280 px

1024 px

960 px

587 px

450 px

Notes

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

Notes

● FineThe title is 48 characters, short enough to show in full in search results.

Questions

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

Questions

What font does Discovery use?: Discovery’s website uses three typefaces: Sharp Sans SemiBold (headings), served from hgtvhome.sndimg.com; Sharp Sans Extrabold, served from hgtvhome.sndimg.com; Sharp Sans Medium (body text), served from hgtvhome.sndimg.com.
What are Discovery’s brand colours?: The main colours on discovery.com are Light Steel Blue (#2182BF), Deep Steel Blue (#1C6693), Turquoise (#63D6C9), Light Fire Brick (#CB031C), Red (#FF0000) and Chocolate (#BD5804).
What colour is Discovery’s text and background?: Body text is #141414 on a #FFFFFF background.
Where is Discovery’s logo from?: The logo shown in this guide was found on discovery.com’s homepage. For official logo files and usage rules, check Discovery’s own brand or press page.
Is this Discovery’s official style guide?: No. SiteStyleGuide made it from discovery.com’s public web pages on 3 November 2026, and isn’t affiliated with Discovery. 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

discovery-com-tokens.css

Download

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

/* discovery.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/discovery.com) */
:root {
  /* Colours */
  --text: #141414;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-near-black: #141414;
  --colour-charcoal: #444444;
  --colour-off-white: #DFDFDF;
  --colour-light-steel-blue: #2182BF;
  --colour-deep-steel-blue: #1C6693;
  --colour-turquoise: #63D6C9;
  --colour-light-fire-brick: #CB031C;
  --colour-red: #FF0000;
  --colour-chocolate: #BD5804;
  --colour-light-crimson: #E5003D;
  --colour-orange-red: #FF5314;
  --colour-deep-fire-brick: #BB0217;
  --colour-midnight-blue: #08314B;
  --colour-deep-crimson: #E60023;
  --gradient-1: linear-gradient(-180deg,hsla(0,0%,100%,.1),rgba(0,0,0,.1));
  --gradient-2: linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 57%,#fff);
  --gradient-3: linear-gradient(165deg,rgba(0,0,0,.35),rgba(0,0,0,.09) 75%,transparent);

  /* Typefaces */
  --font-buttons: 'Sharp Sans SemiBold', 'Arial', sans-serif;
  --font-headings: 'Sharp Sans SemiBold', 'Arial', sans-serif;
  --font-body: 'Sharp Sans Medium', 'Arial', sans-serif;

  /* Type scale */
  --text-body: 14px;
  --leading-body: 1.8;
  --text-p: 100%;
  --text-small: 100%;
  --text-button: 100%;
  --text-a: 100%;

  /* Shape */
  --radius-1: 500px;
  --radius-2: 50%;
  --radius-3: 4px;
  --radius-4: 2px;
  --radius-5: 3px;
  --radius-6: 6px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 616px;
  --breakpoint-2: 700px;
  --breakpoint-3: 768px;
  --breakpoint-4: 1080px;
  --breakpoint-5: 1250px;
  --breakpoint-6: 1262px;
  --breakpoint-7: 1308px;
  --breakpoint-8: 1310px;
  --max-width-1: 1308px;
  --max-width-2: 1280px;
  --max-width-3: 1024px;
  --max-width-4: 960px;
  --max-width-5: 587px;
  --max-width-6: 450px;
}

{
    "site": "discovery.com",
    "source": "https://sitestyleguide.com/discovery.com",
    "text": "#141414",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Near Black",
            "hex": "#141414",
            "rgb": [
                20,
                20,
                20
            ]
        },
        {
            "name": "Charcoal",
            "hex": "#444444",
            "rgb": [
                68,
                68,
                68
            ]
        },
        {
            "name": "Off White",
            "hex": "#DFDFDF",
            "rgb": [
                223,
                223,
                223
            ]
        },
        {
            "name": "Light Steel Blue",
            "hex": "#2182BF",
            "rgb": [
                33,
                130,
                191
            ]
        },
        {
            "name": "Deep Steel Blue",
            "hex": "#1C6693",
            "rgb": [
                28,
                102,
                147
            ]
        },
        {
            "name": "Turquoise",
            "hex": "#63D6C9",
            "rgb": [
                99,
                214,
                201
            ]
        },
        {
            "name": "Light Fire Brick",
            "hex": "#CB031C",
            "rgb": [
                203,
                3,
                28
            ]
        },
        {
            "name": "Red",
            "hex": "#FF0000",
            "rgb": [
                255,
                0,
                0
            ]
        },
        {
            "name": "Chocolate",
            "hex": "#BD5804",
            "rgb": [
                189,
                88,
                4
            ]
        },
        {
            "name": "Light Crimson",
            "hex": "#E5003D",
            "rgb": [
                229,
                0,
                61
            ]
        },
        {
            "name": "Orange Red",
            "hex": "#FF5314",
            "rgb": [
                255,
                83,
                20
            ]
        },
        {
            "name": "Deep Fire Brick",
            "hex": "#BB0217",
            "rgb": [
                187,
                2,
                23
            ]
        },
        {
            "name": "Midnight Blue",
            "hex": "#08314B",
            "rgb": [
                8,
                49,
                75
            ]
        },
        {
            "name": "Deep Crimson",
            "hex": "#E60023",
            "rgb": [
                230,
                0,
                35
            ]
        }
    ],
    "fonts": [
        {
            "name": "Sharp Sans SemiBold",
            "stack": "Sharp Sans SemiBold, Arial, sans-serif",
            "weights": [
                600,
                800
            ],
            "source": "Served from hgtvhome.sndimg.com"
        },
        {
            "name": "Sharp Sans Extrabold",
            "stack": "Sharp Sans Extrabold, Arial, sans-serif",
            "weights": [
                600,
                700,
                800
            ],
            "source": "Served from hgtvhome.sndimg.com"
        },
        {
            "name": "Sharp Sans Medium",
            "stack": "Sharp Sans Medium, Arial, sans-serif",
            "weights": [
                400,
                500,
                600,
                700
            ],
            "source": "Served from hgtvhome.sndimg.com"
        }
    ]
}

Websites whose lead colour is closest to Discovery’s

Telegram

telegram.org · 4 days ago
Save
The New Yorker

newyorker.com · 18 hours ago
Save
La Vanguardia

lavanguardia.com · 3 days ago
Save
Sniply

snip.ly · 8 hours ago
Save

Captured from discovery.com on 3 November 2026. SiteStyleGuide isn’t affiliated with or endorsed by Discovery; this guide describes the public website for reference.

Discoverystyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Near Black

Charcoal

Off White

Colours

Light Steel Blue

Deep Steel Blue

Turquoise

Light Fire Brick

Red

Chocolate

Light Crimson

Orange Red

Deep Fire Brick

Midnight Blue

Deep Crimson

Gradients

Sharp Sans SemiBold

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run discovery.com?

Similar colours

Telegram

The New Yorker

La Vanguardia

Sniply

Title &
description