What font does cozycozy use?

cozycozy’s website uses three typefaces: Parkinsans (headings), google Fonts; Public Sans (body text), google Fonts; Arial parkinsans fallback, self-hosted.

What are cozycozy’s brand colours?

The main colours on cozycozy.com are Medium Violet Red (#B01D89), Light Midnight Blue (#0A3246), Green Yellow (#D7FF00), Purple (#671D73), Hot Pink (#EF83C6) and Dark Magenta (#951974).

What colour is cozycozy’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is cozycozy’s logo from?

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

Is this cozycozy’s official style guide?

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

cozycozy Style Guide: Colours, Fonts & Logo

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 all Vacation Rentals, Airbnb, B&B & Hotels | cozycozy; ● 60 / 60 characters
Meta description: Find the perfect vacation rental or hotel from the largest selection of accommodations! ✓ Free Cancellation ✓ Authentic reviews ✓ Savings up to 45%; ● 147 / 160 characters
og:title: cozycozy.com: more than 10 million hotels and vacation rentals on offer
og:description: The only service in the world that gives you access to all accommodation solutions at the best price in a single search.
Language: en
Theme colour: rgb(176, 29, 137)

In search results

cozycozyhttps://www.cozycozy.com/en

Search all Vacation Rentals, Airbnb, B&B & Hotels | cozycozy

Find the perfect vacation rental or hotel from the largest selection of accommodations! ✓ Free Cancellation ✓ Authentic reviews ✓ Savings up to 45%

When shared

cozycozy.com

cozycozy.com: more than 10 million hotels and vacation rentals on offer

The only service in the world that gives you access to all accommodation solutions at the best price in a sin…

Back to top ↑

Logo & favicons

Found as: SVG in the header. SVG.

Logo

On white

On black

On Medium Violet Red

Favicons

4 found

180 px · PNG apple-touch-icon
128 px · SVG icon
96 px · PNG icon
48 px · ICO shortcut icon

Search all Vacation Rentals, Airbnb, B&B & Hotels | cozycozy

Light browser tab

Search all Vacation Rentals, Airbnb, B&B & Hotels | cozycozy

Dark browser tab

Back to top ↑

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 29.2%
Medium Violet Red 24.6%
Light Midnight Blue 16.4%
Green Yellow 13.4%
Purple 6.8%
Hot Pink 4.2%
Dark Magenta 1.7%
Light Cool Off White 1.2%
Deep Midnight Blue 1.2%
Dodger Blue 1.1%
Deep Cool Off White 0.3%

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, border · .sticky[_nghost-cosmos-c2674836942] header[_ngcontent-cosmos-c2674836942], .menu[_ngcontent-cosmos-c955419772]
Light Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
0 6 2 0

On text
18.99:1 AAA

On white
1.11:1 Fail

Background · .search-around-me-permission-denied, --color-primary-ultra-light
Deep Cool Off White

HEX

RGB

HSL

OKLCH

CMYK
4 1 0 9

On text
16.36:1 AAA

On white
1.28:1 Fail

Border · .o-dropdown__header

Colours

Brand colours and accents, most used first

Medium Violet Red

HEX

RGB

HSL

OKLCH

CMYK
0 84 22 31

On text
3.38:1 AA large

On white
6.21:1 AA

Text, background, theme · .offers[_ngcontent-cosmos-c2842952383] header[_ngcontent-cosmos-c2842952383] h2[, .faq[_ngcontent-cosmos-c2842952383] .hilite[_ngcontent-cosmos-c2842952383] h3[_n
Light Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
86 29 0 73

On text
1.56:1 Fail

On white
13.48:1 AAA

Text, background, graphic · .o-dropdown__title, .o-dropdown__section-title
Green Yellow

HEX

RGB

HSL

OKLCH

CMYK
16 0 100 0

On text
18.19:1 AAA

On white
1.15:1 Fail

Text, background · h1[_ngcontent-cosmos-c2674836942], h1[_ngcontent-cosmos-c2674836942] span[_ngcontent-cosmos-c2674836942]
Purple

HEX

RGB

HSL

OKLCH

CMYK
10 75 0 55

On text
2.00:1 Fail

On white
10.50:1 AAA

Text, background, graphic · header[_ngcontent-cosmos-c2842952383] h2[_ngcontent-cosmos-c2842952383], .faq[_ngcontent-cosmos-c2842952383] .hilite[_ngcontent-cosmos-c2842952383] h3[_n
Hot Pink

HEX

RGB

HSL

OKLCH

CMYK
0 45 17 6

On text
8.73:1 AAA

On white
2.40:1 Fail

Background · [_nghost-cosmos-c2674836942]:after, .inspiration[_ngcontent-cosmos-c2999124110]:nth-child(3n+1)
Dark Magenta

HEX

RGB

HSL

OKLCH

CMYK
0 83 22 42

On text
2.67:1 Fail

On white
7.87:1 AAA

Text, graphic, background · .search-around-me-permission-denied span, --color-primary-hover
Deep Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
100 34 0 79

On text
1.29:1 Fail

On white
16.26:1 AAA

Text · .argument[_ngcontent-cosmos-c30518706]:nth-child(3n+1), .argument[_ngcontent-cosmos-c30518706]:nth-child(3n)
Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
100 40 0 10

On text
5.78:1 AA

On white
3.63:1 AA large

Text · joli-faq-dynamichtml[styling-rules=static] a, --color-primary-old

Gradients

linear-gradient(90deg,lch(from rgb(255, 255, 255) l c h/0),rgb(255, 255, 255))
linear-gradient(-90deg,rgba(0, 0, 0, .1),rgba(0, 0, 0, 0))
linear-gradient(-90deg,rgb(176, 29, 137),lch(from rgb(176, 29, 137) l c h/0))

Back to top ↑

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.

Parkinsans

Aa 300 Aa 800

Parkinsans

Google Fonts · weights 300, 500, 525, 560, 600, 800 · headings, buttons

Aa 100 Aa 900

Public Sans

Google Fonts · weights 100, 500, 700, 900 · body, buttons, headings

Aa 400

Arial parkinsans fallback

Self-hosted · weights 400 · shown in a stand-in if you don’t have it

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

Type scale

From the site’s CSS

Body .875rem · 14 px / 1 Public Sans

Find the perfect vacation rental or hotel from the largest selection of accommodations! ✓ Free Cancellation ✓ Authentic reviews ✓ Savings u…

Sizes in use

Most common across the site

22pxline 1.1 · 4 rules
18pxline 1.09 · 4 rules
17pxline 1.38 · 9 rules
16pxline 1.13 · 9 rules
15pxline 1.4896rem · 11 rules
14pxline 1 · 7 rules
13pxline .9479rem · 5 rules
12pxline 1 · 7 rules

Back to top ↑

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

100vmax · 11×
.8125rem · 3×
12px · 3×
1rem · 2×
1.0833rem · 2×
16px · 2×

Shadows

0 .0625rem .375rem rgba(0, 34, 61, .2)
0 0 1.5rem rgba(0, 0, 0, .15)
0px 0px 24px 0px #0000000d
0 0 24px #0000000d

Back to top ↑

Layout

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

Grid

Breakpoints

360

480

744

768

1024

1190

1244

1280

On a scale of 0 to 1440 px.

Content widths (max-width)

960 px

700 px

400 px

320 px

Back to top ↑

Notes

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

Notes

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

Back to top ↑

Questions

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

Questions

What font does cozycozy use?: cozycozy’s website uses three typefaces: Parkinsans (headings), google Fonts; Public Sans (body text), google Fonts; Arial parkinsans fallback, self-hosted.
What are cozycozy’s brand colours?: The main colours on cozycozy.com are Medium Violet Red (#B01D89), Light Midnight Blue (#0A3246), Green Yellow (#D7FF00), Purple (#671D73), Hot Pink (#EF83C6) and Dark Magenta (#951974).
What colour is cozycozy’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is cozycozy’s logo from?: The logo shown in this guide was found on cozycozy.com’s homepage. For official logo files and usage rules, check cozycozy’s own brand or press page.
Is this cozycozy’s official style guide?: No. SiteStyleGuide made it from cozycozy.com’s public web pages on 22 October 2026, and isn’t affiliated with cozycozy. Members can refresh a guide after 90 days to pick up changes.

Back to top ↑

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

cozycozy-com-tokens.css

Download

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

/* cozycozy.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/cozycozy.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-light-cool-off-white: #FFEFFB;
  --colour-deep-cool-off-white: #DEE4E7;
  --colour-medium-violet-red: #B01D89;
  --colour-light-midnight-blue: #0A3246;
  --colour-green-yellow: #D7FF00;
  --colour-purple: #671D73;
  --colour-hot-pink: #EF83C6;
  --colour-dark-magenta: #951974;
  --colour-deep-midnight-blue: #002335;
  --colour-dodger-blue: #008AE6;
  --gradient-1: linear-gradient(90deg,lch(from rgb(255, 255, 255) l c h/0),rgb(255, 255, 255));
  --gradient-2: linear-gradient(-90deg,rgba(0, 0, 0, .1),rgba(0, 0, 0, 0));
  --gradient-3: linear-gradient(-90deg,rgb(176, 29, 137),lch(from rgb(176, 29, 137) l c h/0));

  /* Typefaces */
  --font-headings: 'Parkinsans', 'Arial parkinsans fallback', system-ui, sans-serif;
  --font-buttons: 'Parkinsans', 'Arial parkinsans fallback', system-ui, sans-serif;
  --font-body: 'Public Sans', system-ui, sans-serif;
  --font-other: 'Arial parkinsans fallback', system-ui, sans-serif;

  /* Type scale */
  --text-body: .875rem;
  --leading-body: 1;

  /* Shape */
  --radius-1: 100vmax;
  --radius-2: .8125rem;
  --radius-3: 12px;
  --radius-4: 1rem;
  --radius-5: 1.0833rem;
  --radius-6: 16px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 360px;
  --breakpoint-2: 480px;
  --breakpoint-3: 744px;
  --breakpoint-4: 768px;
  --breakpoint-5: 1024px;
  --breakpoint-6: 1190px;
  --breakpoint-7: 1244px;
  --breakpoint-8: 1280px;
  --max-width-1: 960px;
  --max-width-2: 700px;
  --max-width-3: 400px;
  --max-width-4: 320px;
}

{
    "site": "cozycozy.com",
    "source": "https://sitestyleguide.com/cozycozy.com",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Light Cool Off White",
            "hex": "#FFEFFB",
            "rgb": [
                255,
                239,
                251
            ]
        },
        {
            "name": "Deep Cool Off White",
            "hex": "#DEE4E7",
            "rgb": [
                222,
                228,
                231
            ]
        },
        {
            "name": "Medium Violet Red",
            "hex": "#B01D89",
            "rgb": [
                176,
                29,
                137
            ]
        },
        {
            "name": "Light Midnight Blue",
            "hex": "#0A3246",
            "rgb": [
                10,
                50,
                70
            ]
        },
        {
            "name": "Green Yellow",
            "hex": "#D7FF00",
            "rgb": [
                215,
                255,
                0
            ]
        },
        {
            "name": "Purple",
            "hex": "#671D73",
            "rgb": [
                103,
                29,
                115
            ]
        },
        {
            "name": "Hot Pink",
            "hex": "#EF83C6",
            "rgb": [
                239,
                131,
                198
            ]
        },
        {
            "name": "Dark Magenta",
            "hex": "#951974",
            "rgb": [
                149,
                25,
                116
            ]
        },
        {
            "name": "Deep Midnight Blue",
            "hex": "#002335",
            "rgb": [
                0,
                35,
                53
            ]
        },
        {
            "name": "Dodger Blue",
            "hex": "#008AE6",
            "rgb": [
                0,
                138,
                230
            ]
        }
    ],
    "fonts": [
        {
            "name": "Parkinsans",
            "stack": "Parkinsans, \"Arial parkinsans fallback\", system-ui, sans-serif",
            "weights": [
                300,
                500,
                525,
                560,
                600,
                800
            ],
            "source": "Google Fonts"
        },
        {
            "name": "Public Sans",
            "stack": "Public Sans, system-ui, sans-serif",
            "weights": [
                100,
                500,
                700,
                900
            ],
            "source": "Google Fonts"
        },
        {
            "name": "Arial parkinsans fallback",
            "stack": "var(--primary-font-name), \"Arial parkinsans fallback\", system-ui, sans-serif",
            "weights": [
                400
            ],
            "source": "Self-hosted"
        }
    ]
}

Back to top ↑

Share

Links open each service’s own share page. Nothing from them loads here.

Share

X LinkedIn Facebook Pinterest Reddit Email

Run cozycozy.com?

Add the badge to your site

Link to this guide from your own site, so your team, designers and agencies can find your colours and fonts in one place.

<a href="https://sitestyleguide.com/cozycozy.com" title="cozycozy style guide on SiteStyleGuide"><img src="https://sitestyleguide.com/public/badge.svg" alt="View our style guide on SiteStyleGuide" width="200" height="44"></a>

Back to top ↑

cozycozystyle guide

Title &
description

Logo

Favicons

Colour

Balance

Neutrals

White

Light Cool Off White

Deep Cool Off White

Colours

Medium Violet Red

Light Midnight Blue

Green Yellow

Purple

Hot Pink

Dark Magenta

Deep Midnight Blue

Dodger Blue

Gradients

Parkinsans

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

The Pioneer Woman

So-net(ソネット)

Engadget

Us

cozycozystyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Light Cool Off White

Deep Cool Off White

Colours

Medium Violet Red

Light Midnight Blue

Green Yellow

Purple

Hot Pink

Dark Magenta

Deep Midnight Blue

Dodger Blue

Gradients

Parkinsans

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run cozycozy.com?

Similar colours

The Pioneer Woman

So-net(ソネット)

Engadget

Us

Title &
description