What font does expedia use?

expedia’s website uses two typefaces: Centra No2 (headings and body text), served from a.travel-assets.com; Reckless XPD, served from a.travel-assets.com.

What are expedia’s brand colours?

The main colours on expedia.co.uk are Midnight Blue (#191E3B), Royal Blue (#1668E3), Brown (#A7183C), Slate Blue (#4D5167), Light Steel Blue (#C8DFF9) and Light Slate Blue (#0D4EAF).

What colour is expedia’s text and background?

Body text is #0C0E1C on a #EFF3F7 background.

Where is expedia’s logo from?

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

Is this expedia’s official style guide?

No. SiteStyleGuide made it from expedia.co.uk’s public web pages on 31 October 2026, and isn’t affiliated with expedia. Members can refresh a guide after 90 days to pick up changes.

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

Unofficial style guide

expediastyle guide

expedia’s website (expedia.co.uk) uses Centra No2 for its headings and body text. Its palette is led by Midnight Blue (#191E3B), Royal Blue (#1668E3) and Brown (#A7183C), with #0C0E1C text on #EFF3F7. Captured from the live site on 31 October 2026.

Website: expedia.co.uk
Typefaces: Centra No2, Reckless XPD
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 31 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the expedia.co.uk homepage on a desktop screen — Screenshot of expedia.co.uk on a 1440 px desktop screen, 31 Oct 2026.

Screenshot of the expedia.co.uk 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: Expedia Travel: Holiday Homes, Hotels, Car Rentals, Flights & More; ▲ 66 / 60 characters
Meta description: Your one-stop travel site for your dream holiday. Bundle your stay with a car rental or flight and you can save more. Become a member for free and get more than just a booking discount. Members also earn points towards their next trip.; ▲ 235 / 160 characters
Site name: expedia
og:title: Expedia Travel: Holiday Homes, Hotels, Car Rentals, Flights & More
og:description: Your one-stop travel site for your dream holiday. Bundle your stay with a car rental or flight and you can save more. Become a member for free and get more than just a booking discount. Members also earn points towards their next trip.
Language: en
Theme colour: #000000

In search results

expediahttps://www.expedia.co.uk/

Expedia Travel: Holiday Homes, Hotels, Car Rentals, Flights &…

Your one-stop travel site for your dream holiday. Bundle your stay with a car rental or flight and you can save more. Become a member for free and get more than …

When shared

expedia.co.uk

Expedia Travel: Holiday Homes, Hotels, Car Rentals, Flights & More

Your one-stop travel site for your dream holiday. Bundle your stay with a car rental or flight and you can sa…

Logo & favicons

Found as: image in the header. SVG, 211 × 47.

Logo

On white

On black

On Midnight Blue

Favicons

1 found

48 px · ICO shortcut icon

Expedia Travel: Holiday Homes, Hotels, Car Rentals, Flights & More

Light browser tab

Expedia Travel: Holiday Homes, Hotels, Car Rentals, Flights & More

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

Colour

Balance

How much each colour is used

White 24.8%
Light Off White 23.1%
Midnight Blue 17.7%
Royal Blue 6.7%
Brown 6.3%
Cool Near Black 3.9%
Deep Off White 3.6%
Slate Blue 2.3%
Light Steel Blue 2.3%
Light Slate Blue 2.2%
Gold 1.5%
Sea Green 1.3%
Misty Rose 1.3%
Deep Slate Blue 1.2%
Dim Grey 1.1%
Dark Slate Grey 0.7%

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
19.17:1 AAA

On white
—

Background, text, border · :is(.DestinationHero.wizard~.CenteredDestinationWizard,.DestinationHero.wizard~., .header-region
Light Off White

HEX

RGB

HSL

OKLCH

CMYK
3 2 0 3

On text
17.20:1 AAA

On white
1.12:1 Fail

Background, border, graphic · .uitk-button.button-tertiary-custom-label.button-tertiary-custom-label--highligh, :root
Cool Near Black

HEX

RGB

HSL

OKLCH

CMYK
57 50 0 89

On text
—

On white
19.17:1 AAA

Text, background, graphic · .contextual-action-bar, .ValuePropositionBannerLP .uitk-heading .uitk-text
Deep Off White

HEX

RGB

HSL

OKLCH

CMYK
2 2 0 11

On text
14.54:1 AAA

On white
1.32:1 Fail

Background, border, text · .input-custom-appearance-composition-has-separators .uitk-layout-position>.uitk-, .button-custom-extra-small-with-icon

Colours

Brand colours and accents, most used first

Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
58 49 0 77

On text
1.18:1 Fail

On white
16.28:1 AAA

Text, background, graphic · .progress-bar-radial-title, .progress-bar-radial-subtitle
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
90 54 0 11

On text
3.76:1 AA large

On white
5.09:1 AA

Text, background, graphic · .header-links__item.active a, #gc-custom-header-nav-bar-acct-menu.gc-taap-account-menu .uitk-button-tertiary:h
Brown

HEX

RGB

HSL

OKLCH

CMYK
0 86 64 35

On text
2.59:1 Fail

On white
7.40:1 AAA

Text, border, background · .input-custom-appearance-composition.input-custom-appearance-composition-invalid, .input-custom-appearance-select.input-custom-appearance-select-invalid-critical-
Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
25 21 0 60

On text
2.45:1 Fail

On white
7.81:1 AAA

Text, background · .header-links__nav .uitk-button-text, .header-links__nav .uitk-icon
Light Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
20 10 0 2

On text
14.04:1 AAA

On white
1.37:1 Fail

Background, text · .single-select-pill-standard:checked~.single-select-pill-content.single-select-p, .egds-radio-button-trigger input:checked+.egds-radio-button-trigger-label
Light Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
93 55 0 31

On text
2.49:1 Fail

On white
7.70:1 AAA

Text, background, graphic · .header-guest-heading .heading-container .uitk-button-tertiary .uitk-button:hove, .eg-stripe-toolbar
Gold

HEX

RGB

HSL

OKLCH

CMYK
0 13 80 1

On text
14.02:1 AAA

On white
1.37:1 Fail

Background, text, border · .fall-release-view .fall-release-title, --egds-icons__theme
Sea Green

HEX

RGB

HSL

OKLCH

CMYK
72 0 34 53

On text
3.58:1 AA large

On white
5.36:1 AA

Background, text · .uitk-badge-deal-generic, .uitk-badge-program-deal
Misty Rose

HEX

RGB

HSL

OKLCH

CMYK
0 16 15 0

On text
14.36:1 AAA

On white
1.34:1 Fail

Background · .input-custom-appearance-composition.input-custom-appearance-composition-invalid, .input-custom-appearance-textarea.input-custom-appearance-textarea-invalid-criti
Deep Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
71 54 0 56

On text
1.63:1 Fail

On white
11.73:1 AAA

Background, text · .uitk-card-has-global-loyalty-low-theme, .uitk-avatar-text-lowtier
Dim Grey

HEX

RGB

HSL

OKLCH

CMYK
18 15 0 51

On text
3.59:1 AA large

On white
5.34:1 AA

Text, background · .button-custom-extra-small-with-icon:disabled, .egds-yaxis-line.surface_theme
Dark Slate Grey

HEX

RGB

HSL

OKLCH

CMYK
83 0 20 64

On text
2.45:1 Fail

On white
7.82:1 AAA

Used · --bright_1__positive, --bright_1__on_positive_container

Gradients

linear-gradient(-70deg, , .5rem, #EFF3F7 .5rem, #EFF3F7 1.5rem)
linear-gradient(-70deg, , .375rem, #EFF3F7 .375rem, #EFF3F7 .75rem)
linear-gradient(to right, transparent 50%, #EFF3F7 50%)

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.

Centra No2

Aa 300 Aa 700

Centra No2

Served from a.travel-assets.com · weights 300, 400, 500, 700 · shown in a stand-in if you don’t have it

Aa 300 Aa 700

Reckless XPD

Served from a.travel-assets.com · weights 300, 400, 500, 700 · shown in a stand-in if you don’t have it

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

Type scale

From the site’s CSS

Paragraph 0.875rem · 14 px / 1rem weight 400

Your one-stop travel site for your dream holiday. Bundle your stay with a car rental or flight and you can save more. Become a member for f…

Link 0.875rem · 14 px weight 500

Sizes in use

Most common across the site

56pxline 3.5rem · 4 rules
42pxline 2.75rem · 5 rules
28pxline 2rem · 17 rules
20pxline 1.5rem · 9 rules
16pxline 1.25rem · 43 rules
14pxline 1.125rem · 68 rules
12pxline 1rem · 39 rules
10pxline 0.75rem · 13 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

.button-custom-extra-small-with-icon · #DFE0E4 · radius 0.25rem

Corner radius

2500rem · 64×
inherit · 25×
0.5rem · 25×
50% · 23×
1rem · 17×
0.25rem · 15×

Shadows

0px 2px 0.75rem rgba(12, 14, 28, 0.08)
0 1px 0 0
0px 0.375rem 2.25rem rgba(12, 14, 28, 0.12)
0 0 0 2px

Layout

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

Grid

Breakpoints

280

520

575

576

991

992

1199

1200

On a scale of 0 to 1440 px.

Content widths (max-width)

1440 px

1248 px

1200 px

650 px

500 px

375 px

Notes

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

Notes

▲ CheckThe title is 66 characters. Google usually cuts titles near 60, so the end may not show in results.
▲ CheckThe description is 235 characters. Search results usually show about 160.

Questions

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

Questions

What font does expedia use?: expedia’s website uses two typefaces: Centra No2 (headings and body text), served from a.travel-assets.com; Reckless XPD, served from a.travel-assets.com.
What are expedia’s brand colours?: The main colours on expedia.co.uk are Midnight Blue (#191E3B), Royal Blue (#1668E3), Brown (#A7183C), Slate Blue (#4D5167), Light Steel Blue (#C8DFF9) and Light Slate Blue (#0D4EAF).
What colour is expedia’s text and background?: Body text is #0C0E1C on a #EFF3F7 background.
Where is expedia’s logo from?: The logo shown in this guide was found on expedia.co.uk’s homepage. For official logo files and usage rules, check expedia’s own brand or press page.
Is this expedia’s official style guide?: No. SiteStyleGuide made it from expedia.co.uk’s public web pages on 31 October 2026, and isn’t affiliated with expedia. 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

expedia-co-uk-tokens.css

Download

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

/* expedia.co.uk design tokens, from SiteStyleGuide (https://sitestyleguide.com/expedia.co.uk) */
:root {
  /* Colours */
  --text: #0C0E1C;
  --background: #EFF3F7;
  --colour-white: #FFFFFF;
  --colour-light-off-white: #EFF3F7;
  --colour-cool-near-black: #0C0E1C;
  --colour-deep-off-white: #DFE0E4;
  --colour-midnight-blue: #191E3B;
  --colour-royal-blue: #1668E3;
  --colour-brown: #A7183C;
  --colour-slate-blue: #4D5167;
  --colour-light-steel-blue: #C8DFF9;
  --colour-light-slate-blue: #0D4EAF;
  --colour-gold: #FDDB32;
  --colour-sea-green: #227950;
  --colour-misty-rose: #FED5D8;
  --colour-deep-slate-blue: #213470;
  --colour-dim-grey: #676A7D;
  --colour-dark-slate-grey: #105D4A;
  --gradient-1: linear-gradient(-70deg, , .5rem, #EFF3F7 .5rem, #EFF3F7 1.5rem);
  --gradient-2: linear-gradient(-70deg, , .375rem, #EFF3F7 .375rem, #EFF3F7 .75rem);
  --gradient-3: linear-gradient(to right, transparent 50%, #EFF3F7 50%);

  /* Typefaces */
  --font-other: 'Centra No2', -apple-system, blinkmacsystemfont, 'Segoe UI', 'Roboto', 'Helvetica Neue';

  /* Type scale */
  --text-p: 0.875rem;
  --leading-p: 1rem;
  --text-a: 0.875rem;

  /* Shape */
  --radius-1: 2500rem;
  --radius-2: inherit;
  --radius-3: 0.5rem;
  --radius-4: 50%;
  --radius-5: 1rem;
  --radius-6: 0.25rem;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 280px;
  --breakpoint-2: 520px;
  --breakpoint-3: 575px;
  --breakpoint-4: 576px;
  --breakpoint-5: 991px;
  --breakpoint-6: 992px;
  --breakpoint-7: 1199px;
  --breakpoint-8: 1200px;
  --max-width-1: 1440px;
  --max-width-2: 1248px;
  --max-width-3: 1200px;
  --max-width-4: 650px;
  --max-width-5: 500px;
  --max-width-6: 375px;
}

{
    "site": "expedia.co.uk",
    "source": "https://sitestyleguide.com/expedia.co.uk",
    "text": "#0C0E1C",
    "background": "#EFF3F7",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Light Off White",
            "hex": "#EFF3F7",
            "rgb": [
                239,
                243,
                247
            ]
        },
        {
            "name": "Cool Near Black",
            "hex": "#0C0E1C",
            "rgb": [
                12,
                14,
                28
            ]
        },
        {
            "name": "Deep Off White",
            "hex": "#DFE0E4",
            "rgb": [
                223,
                224,
                228
            ]
        },
        {
            "name": "Midnight Blue",
            "hex": "#191E3B",
            "rgb": [
                25,
                30,
                59
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#1668E3",
            "rgb": [
                22,
                104,
                227
            ]
        },
        {
            "name": "Brown",
            "hex": "#A7183C",
            "rgb": [
                167,
                24,
                60
            ]
        },
        {
            "name": "Slate Blue",
            "hex": "#4D5167",
            "rgb": [
                77,
                81,
                103
            ]
        },
        {
            "name": "Light Steel Blue",
            "hex": "#C8DFF9",
            "rgb": [
                200,
                223,
                249
            ]
        },
        {
            "name": "Light Slate Blue",
            "hex": "#0D4EAF",
            "rgb": [
                13,
                78,
                175
            ]
        },
        {
            "name": "Gold",
            "hex": "#FDDB32",
            "rgb": [
                253,
                219,
                50
            ]
        },
        {
            "name": "Sea Green",
            "hex": "#227950",
            "rgb": [
                34,
                121,
                80
            ]
        },
        {
            "name": "Misty Rose",
            "hex": "#FED5D8",
            "rgb": [
                254,
                213,
                216
            ]
        },
        {
            "name": "Deep Slate Blue",
            "hex": "#213470",
            "rgb": [
                33,
                52,
                112
            ]
        },
        {
            "name": "Dim Grey",
            "hex": "#676A7D",
            "rgb": [
                103,
                106,
                125
            ]
        },
        {
            "name": "Dark Slate Grey",
            "hex": "#105D4A",
            "rgb": [
                16,
                93,
                74
            ]
        }
    ],
    "fonts": [
        {
            "name": "Centra No2",
            "stack": "\"Centra No2\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
            "weights": [
                300,
                400,
                500,
                700
            ],
            "source": "Served from a.travel-assets.com"
        },
        {
            "name": "Reckless XPD",
            "stack": "\"Reckless XPD\", \"Centra No2\", sans-serif",
            "weights": [
                300,
                400,
                500,
                700
            ],
            "source": "Served from a.travel-assets.com"
        }
    ]
}

Other websites using Centra No2 as their main typeface

vrbo

vrbo.com · set in Centra No2
Save

Websites whose lead colour is closest to expedia’s

Outbrain

outbrain.com · 3 days ago
Save
trello.com

trello.com · 23 hours ago
Save
Twilio

segment.com · 5 days ago
Save
Pantip

pantip.com · 5 days ago
Save

Captured from expedia.co.uk on 31 October 2026. SiteStyleGuide isn’t affiliated with or endorsed by expedia; this guide describes the public website for reference.

expediastyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Light Off White

Cool Near Black

Deep Off White

Colours

Midnight Blue

Royal Blue

Brown

Slate Blue

Light Steel Blue

Light Slate Blue

Gold

Sea Green

Misty Rose

Deep Slate Blue

Dim Grey

Dark Slate Grey

Gradients

Centra No2

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run expedia.co.uk?

Also set in Centra No2

vrbo

Similar colours

Outbrain

trello.com

Twilio

Pantip

Title &
description