What are blablacar.com’s brand colours?

The main colours on blablacar.com are Dark Slate Grey (#054652), Light Slate Grey (#6F8B90), Deep Royal Blue (#0066D4), Steel Blue (#0E93C8), Deep Sky Blue (#00AFF5) and Light Royal Blue (#0071EB).

What colour is blablacar.com’s text and background?

Body text is #000000 on a #FFFFFF background.

Is this blablacar.com’s official style guide?

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

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

Unofficial style guide

blablacar.comstyle guide

The typefaces on blablacar.com’s website (blablacar.com) couldn’t be read from its stylesheets. Its palette is led by Dark Slate Grey (#054652), Light Slate Grey (#6F8B90) and Deep Royal Blue (#0066D4), with #000000 text on #FFFFFF. Captured from the live site on 26 October 2026.

Website: blablacar.com
Typefaces: Not readable
Palette: 4 neutrals, 12 colours
Captured: 26 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

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

Screenshot of the blablacar.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: BlaBlaCar; ● 9 / 60 characters
Meta description: BlaBlaCar is the world's leading community-based travel network. Bus or carpool, find the perfect ride from a wide range of destinations and routes at low prices.; ▲ 162 / 160 characters
Language: en

In search results

blablacar.comhttps://blablacar.com/

BlaBlaCar

BlaBlaCar is the world's leading community-based travel network. Bus or carpool, find the perfect ride from a wide range of destinations and routes at low prices.

When shared

No og:image, so no picture

blablacar.com

BlaBlaCar

BlaBlaCar is the world's leading community-based travel network. Bus or carpool, find the perfect ride from a…

Logo & favicons

No logo could be found on the homepage.

Logo

Favicons

3 found

180 px · PNG apple-touch-icon
48 px · ICO icon
16 px · SVG icon

BlaBlaCar

Light browser tab

BlaBlaCar

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.4%
Near Black 9.6%
Dark Slate Grey 5.9%
Off White 5.1%
Light Slate Grey 4.7%
Black 4.1%
Deep Royal Blue 3.9%
Steel Blue 3.9%
Deep Sky Blue 3.7%
Light Royal Blue 3.5%
Light Dodger Blue 3.1%
Medium Sea Green 3.1%
Light Midnight Blue 2.9%
Gold 2.2%
Deep Midnight Blue 2%
Deep Dodger Blue 2%

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
—

Graphic · --_8o8tiix, --_8o8tii19
Near Black

HEX

RGB

HSL

OKLCH

CMYK
5 5 0 92

On text
1.13:1 Fail

On white
18.57:1 AAA

Graphic · --_8o8tii1f, --_8o8tii1h
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 13

On text
15.61:1 AAA

On white
1.35:1 Fail

Used · --_8o8tii5e, --_8o8tii4z
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Used · --_8o8tiis, --_8o8tii12

Colours

Brand colours and accents, most used first

Dark Slate Grey

HEX

RGB

HSL

OKLCH

CMYK
94 15 0 68

On text
2.00:1 Fail

On white
10.48:1 AAA

Graphic · --_8o8tii18, --_8o8tii5b
Light Slate Grey

HEX

RGB

HSL

OKLCH

CMYK
23 3 0 44

On text
5.77:1 AA

On white
3.64:1 AA large

Used · --_8o8tii4l, --_8o8tii50
Deep Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
100 52 0 17

On text
3.85:1 AA large

On white
5.45:1 AA

Used · --_8o8tii36, --_8o8tii3f
Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
93 27 0 22

On text
6.03:1 AA

On white
3.48:1 AA large

Used · --_8o8tii4p, --_8o8tii4o
Deep Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
100 29 0 4

On text
8.45:1 AAA

On white
2.49:1 Fail

Used · --_8o8tii4o, --_8o8tii4p
Light Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
100 52 0 8

On text
4.56:1 AA

On white
4.60:1 AA

Graphic · --_8o8tii1t, --_8o8tii1w
Light Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
72 37 0 0

On text
7.74:1 AAA

On white
2.71:1 Fail

Used · --_8o8tii1t, --_8o8tii1y
Medium Sea Green

HEX

RGB

HSL

OKLCH

CMYK
54 0 49 29

On text
8.23:1 AAA

On white
2.55:1 Fail

Used · --_8o8tii52, --_8o8tii4c
Light Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
100 61 0 79

On text
1.16:1 Fail

On white
18.10:1 AAA

Graphic · --_8o8tii1z, --_8o8tii23
Gold

HEX

RGB

HSL

OKLCH

CMYK
0 20 66 0

On text
14.12:1 AAA

On white
1.49:1 Fail

Used · --_8o8tiiz, --_8o8tii54
Deep Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
25 98 0 78

On text
1.16:1 Fail

On white
18.11:1 AAA

Used · --_8o8tii4j, --_8o8tii4k
Deep Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
88 45 0 0

On text
6.20:1 AA

On white
3.39:1 AA large

Used · --_8o8tii35, --_8o8tii5h

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.

Typefaces

No typefaces could be read from this site’s stylesheets. It may set them with JavaScript.

Type scale

From the site’s CSS

Body 100% / 1

BlaBlaCar is the world's leading community-based travel network. Bus or carpool, find the perfect ride from a wide range of destinations an…

Paragraph 100%

BlaBlaCar is the world's leading community-based travel network. Bus or carpool, find the perfect ride from a wide range of destinations an…

Small 100%

BlaBlaCar is the world's leading community-based travel network. Bus or carpool, find the perfect ride from a wide range of destinations an…

Button 100%

Get started

Link 100%

Elements

No button, link, radius or shadow styles could be read.

Layout

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

Grid

Breakpoints

640

800

960

1272

On a scale of 0 to 1440 px.

Notes

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

Notes

● FineThe title is 9 characters, short enough to show in full in search results.
▲ CheckThe description is 162 characters. Search results usually show about 160.
▲ CheckThere is no og:image, so links shared on social media show no picture.
▲ CheckNo typefaces could be read from the stylesheets. The site may set them with JavaScript.

Questions

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

Questions

What are blablacar.com’s brand colours?: The main colours on blablacar.com are Dark Slate Grey (#054652), Light Slate Grey (#6F8B90), Deep Royal Blue (#0066D4), Steel Blue (#0E93C8), Deep Sky Blue (#00AFF5) and Light Royal Blue (#0071EB).
What colour is blablacar.com’s text and background?: Body text is #000000 on a #FFFFFF background.
Is this blablacar.com’s official style guide?: No. SiteStyleGuide made it from blablacar.com’s public web pages on 26 October 2026, and isn’t affiliated with blablacar.com. 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

blablacar-com-tokens.css

Download

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

/* blablacar.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/blablacar.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-near-black: #131314;
  --colour-off-white: #DEDEDE;
  --colour-black: #000000;
  --colour-dark-slate-grey: #054652;
  --colour-light-slate-grey: #6F8B90;
  --colour-deep-royal-blue: #0066D4;
  --colour-steel-blue: #0E93C8;
  --colour-deep-sky-blue: #00AFF5;
  --colour-light-royal-blue: #0071EB;
  --colour-light-dodger-blue: #47A0FF;
  --colour-medium-sea-green: #54B65D;
  --colour-light-midnight-blue: #001536;
  --colour-gold: #FFCD57;
  --colour-deep-midnight-blue: #2A0138;
  --colour-deep-dodger-blue: #1F8BFF;

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

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 640px;
  --breakpoint-2: 800px;
  --breakpoint-3: 960px;
  --breakpoint-4: 1272px;
}

{
    "site": "blablacar.com",
    "source": "https://sitestyleguide.com/blablacar.com",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Near Black",
            "hex": "#131314",
            "rgb": [
                19,
                19,
                20
            ]
        },
        {
            "name": "Off White",
            "hex": "#DEDEDE",
            "rgb": [
                222,
                222,
                222
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Dark Slate Grey",
            "hex": "#054652",
            "rgb": [
                5,
                70,
                82
            ]
        },
        {
            "name": "Light Slate Grey",
            "hex": "#6F8B90",
            "rgb": [
                111,
                139,
                144
            ]
        },
        {
            "name": "Deep Royal Blue",
            "hex": "#0066D4",
            "rgb": [
                0,
                102,
                212
            ]
        },
        {
            "name": "Steel Blue",
            "hex": "#0E93C8",
            "rgb": [
                14,
                147,
                200
            ]
        },
        {
            "name": "Deep Sky Blue",
            "hex": "#00AFF5",
            "rgb": [
                0,
                175,
                245
            ]
        },
        {
            "name": "Light Royal Blue",
            "hex": "#0071EB",
            "rgb": [
                0,
                113,
                235
            ]
        },
        {
            "name": "Light Dodger Blue",
            "hex": "#47A0FF",
            "rgb": [
                71,
                160,
                255
            ]
        },
        {
            "name": "Medium Sea Green",
            "hex": "#54B65D",
            "rgb": [
                84,
                182,
                93
            ]
        },
        {
            "name": "Light Midnight Blue",
            "hex": "#001536",
            "rgb": [
                0,
                21,
                54
            ]
        },
        {
            "name": "Gold",
            "hex": "#FFCD57",
            "rgb": [
                255,
                205,
                87
            ]
        },
        {
            "name": "Deep Midnight Blue",
            "hex": "#2A0138",
            "rgb": [
                42,
                1,
                56
            ]
        },
        {
            "name": "Deep Dodger Blue",
            "hex": "#1F8BFF",
            "rgb": [
                31,
                139,
                255
            ]
        }
    ],
    "fonts": []
}

Websites whose lead colour is closest to blablacar.com’s

AI-Native Cloud

digitalocean.com · 1 day ago
Save
National Archives

archives.gov · 6 days ago
Save
NCI

cancer.gov · 4 days ago
Save
k618.cn

k618.cn · 3 days ago
Save

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

blablacar.comstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Near Black

Off White

Black

Colours

Dark Slate Grey

Light Slate Grey

Deep Royal Blue

Steel Blue

Deep Sky Blue

Light Royal Blue

Light Dodger Blue

Medium Sea Green

Light Midnight Blue

Gold

Deep Midnight Blue

Deep Dodger Blue

Typefaces

Type scale

Elements

Grid

Notes

Questions

Tokens

Share

Run blablacar.com?

Similar colours

AI-Native Cloud

National Archives

NCI

k618.cn

Title &
description