What are wix.com’s brand colours?

The main colours on wix.com are Dark Slate Blue (#535A85), Light Royal Blue (#116DFF), Deep Royal Blue (#1E56C3), Deep Alice Blue (#DDECFF), Powder Blue (#B5E5EB) and Sky Blue (#A3D9F6).

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

Body text is #000000 on a #FFFFFF background.

Where is wix.com’s logo from?

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

Is this wix.com’s official style guide?

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

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

Unofficial style guide

wix.comstyle guide

wix.com’s website (wix.com) uses wix-madefor-display-v2 for its headings and body text. Its palette is led by Dark Slate Blue (#535A85), Light Royal Blue (#116DFF) and Deep Royal Blue (#1E56C3), with #000000 text on #FFFFFF. Captured from the live site on 26 October 2026.

Website: wix.com
Typefaces: wix-madefor-display-v2, wix-madefor-text-v2, Madefor-Display
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 26 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

Identity & metadata

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

Title &
description

Page title: Website Builder - Create a Free Website In Minutes | Wix.com; ● 60 / 60 characters
Meta description: Get everything you need to build a website your way. Wix’s free, easy-to-use website builder offers 2,000+ templates, built-in AI tools and a custom domain.; ● 156 / 160 characters
Site name: wix.com
og:title: Website Builder - Create a Free Website In Minutes | Wix.com
og:description: Get everything you need to build a website your way. Wix’s free, easy-to-use website builder offers 2,000+ templates, built-in AI tools and a custom domain.
Language: en

In search results

wix.comhttps://www.wix.com/

Website Builder - Create a Free Website In Minutes | Wix.com

Get everything you need to build a website your way. Wix’s free, easy-to-use website builder offers 2,000+ templates, built-in AI tools and a custom domain.

When shared

wix.com

Website Builder - Create a Free Website In Minutes | Wix.com

Get everything you need to build a website your way. Wix’s free, easy-to-use website builder offers 2,000+ te…

Logo & favicons

Found as: schema.org logo. JPG, 333 × 154.

Logo

On white

On black

On Dark Slate Blue

Favicons

1 found

192 px · PNG icon

Website Builder - Create a Free Website In Minutes | Wix.com

Light browser tab

Website Builder - Create a Free Website In Minutes | Wix.com

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

Black 41.8%
White 29.6%
Light Grey 6.5%
Dark Slate Blue 6.1%
Light Royal Blue 4.5%
Off White 4%
Deep Royal Blue 3.1%
Deep Alice Blue 1.1%
Powder Blue 0.6%
Sky Blue 0.5%
Light Sky Blue 0.5%
Light Golden Rod Yellow 0.4%
Dodger Blue 0.4%
Royal Blue 0.4%
Light Alice Blue 0.4%
Cornflower Blue 0.4%

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

Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Text, background, graphic · --border-left, --border-right
White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 0

On text
21.00:1 AAA

On white
—

Background, text, graphic · --bg-gradient, --color
Light Grey

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 22

On text
12.42:1 AAA

On white
1.69:1 Fail

Background, text, border · --disabled-border-bottom, --disabled-border-top
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 1 1 9

On text
16.89:1 AAA

On white
1.24:1 Fail

Background, border · #comp-mozjm1g1 .style-mozjm1g82__root:disabled, #comp-mozkx1ye1 .style-mozkx1yg2__root:disabled

Colours

Brand colours and accents, most used first

Dark Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
38 32 0 48

On text
3.17:1 AA large

On white
6.63:1 AA

Text · #comp-moqv1ft95 :is(p,h1,h2,h3,h4,h5,h6,ul,ol,span[data-attr-richtext-marker],bl, #comp-moqv1ft95 [class$=rich-text__text]:is(p,h1,h2,h3,h4,h5,h6,ul,ol,span[data-
Light Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
93 57 0 0

On text
4.66:1 AA

On white
4.51:1 AA

Text, background, border · .Lt-c2[aria-checked=true], --focus-ring-box-shadow
Deep Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
85 56 0 24

On text
3.17:1 AA large

On white
6.62:1 AA

Text · #comp-moiorr1f :is(p,h1,h2,h3,h4,h5,h6,ul,ol,span[data-attr-richtext-marker],blo, #comp-moiorr1f [class$=rich-text__text]:is(p,h1,h2,h3,h4,h5,h6,ul,ol,span[data-a
Deep Alice Blue

HEX

RGB

HSL

OKLCH

CMYK
13 7 0 0

On text
17.52:1 AAA

On white
1.20:1 Fail

Background · --bg-gradient, .pLrmnk
Powder Blue

HEX

RGB

HSL

OKLCH

CMYK
23 3 0 8

On text
15.37:1 AAA

On white
1.37:1 Fail

Used · --bg-gradient
Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
34 12 0 4

On text
13.81:1 AAA

On white
1.52:1 Fail

Border · .Q1MQrw .nbaJII:disabled, .Q1MQrw.bcsnlz .nbaJII:invalid
Light Sky Blue

HEX

RGB

HSL

OKLCH

CMYK
27 12 0 2

On text
14.47:1 AAA

On white
1.45:1 Fail

Used · --bg-gradient
Light Golden Rod Yellow

HEX

RGB

HSL

OKLCH

CMYK
13 0 19 1

On text
18.83:1 AAA

On white
1.12:1 Fail

Background · .V8t0pH, --bg-gradient
Dodger Blue

HEX

RGB

HSL

OKLCH

CMYK
66 34 0 6

On text
7.49:1 AAA

On white
2.80:1 Fail

Border · --bg-gradient, .YDCoR:focus-visible
Royal Blue

HEX

RGB

HSL

OKLCH

CMYK
82 64 0 0

On text
4.13:1 AA large

On white
5.08:1 AA

Background, text, border · .rL0Hxt, .gExR6 .F7eQ-
Light Alice Blue

HEX

RGB

HSL

OKLCH

CMYK
14 6 0 0

On text
17.95:1 AAA

On white
1.17:1 Fail

Used · --bg-gradient, --bg-overlay-color
Cornflower Blue

HEX

RGB

HSL

OKLCH

CMYK
63 41 0 0

On text
7.35:1 AAA

On white
2.86:1 Fail

Used · --stroke

Gradients

linear-gradient(180deg, rgba(255, 255, 255, 0.00) 10%, #FFF 100%), linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 93.02%)
linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%), rgba(118, 118, 118, 0)
linear-gradient(270deg,#c1e0ec .08%,#dcfccb 109.37%),linear-gradient(120deg,#feffe6 -7.07%,#cde6ff 96.02%)

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.

wix-madefor-display-v2

Aa 400 Aa 800

wix-madefor-display-v2

Served from static.parastorage.com · weights 400, 500, 600, 700, 800 · headings · shown in a stand-in if you don’t have it

Aa 400 Aa 800

wix-madefor-text-v2

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

Aa 400 Aa 500

Madefor-Display

Served from static.parastorage.com · weights 400, 500 · buttons · shown in a stand-in if you don’t have it

Aa 400 Aa 530

Madefor-Text-MediumBold

Served from static.parastorage.com · weights 400, 500, 530 · buttons · shown in a stand-in if you don’t have it

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

Type scale

From the site’s CSS

Heading 3 / 1.15 weight 500 · wix-madefor-display-v2

Website Builder - Create a Free Website In Minu…

Body 10px Arial

Get everything you need to build a website your way. Wix’s free, easy-to-use website builder offers 2,000+ templates, built-in AI tools and…

Paragraph / 1.5 weight 400 · wix-madefor-text-v2

Get everything you need to build a website your way. Wix’s free, easy-to-use website builder offers 2,000+ templates, built-in AI tools and…

Sizes in use

Most common across the site

24pxline 30px · 5 rules
20pxline 1.5 · 13 rules
18pxline 1 · 13 rules
16pxline 1.5em · 114 rules
14pxline 1 · 71 rules
12pxline 1.25 · 27 rules
11pxline normal · 2 rules
10pxline normal · 4 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

.gExR6 button · #FFFFFF

Corner radius

50px · 16×
50% · 15×
8px · 8×
2px · 6×
999px · 5×

Shadows

0 0 0 #0009
0 0 0 1px #000,0 0 0 3px #000
0 0 0 1px #fff,0 0 0 3px #166aea

Layout

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

Grid

Breakpoints

750

767

768

1099

1100

1183

1280

1391

On a scale of 0 to 1440 px.

Content widths (max-width)

1049 px

615 px

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.

Questions

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

Questions

What font does wix.com use?: wix.com’s website uses four typefaces: wix-madefor-display-v2 (headings and body text), served from static.parastorage.com; wix-madefor-text-v2, served from static.parastorage.com; Madefor-Display, served from static.parastorage.com; Madefor-Text-MediumBold, served from static.parastorage.com.
What are wix.com’s brand colours?: The main colours on wix.com are Dark Slate Blue (#535A85), Light Royal Blue (#116DFF), Deep Royal Blue (#1E56C3), Deep Alice Blue (#DDECFF), Powder Blue (#B5E5EB) and Sky Blue (#A3D9F6).
What colour is wix.com’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is wix.com’s logo from?: The logo shown in this guide was found on wix.com’s homepage. For official logo files and usage rules, check wix.com’s own brand or press page.
Is this wix.com’s official style guide?: No. SiteStyleGuide made it from wix.com’s public web pages on 26 October 2026, and isn’t affiliated with wix.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

wix-com-tokens.css

Download

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

/* wix.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/wix.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-black: #000000;
  --colour-white: #FFFFFF;
  --colour-light-grey: #C7C7C7;
  --colour-off-white: #E8E6E6;
  --colour-dark-slate-blue: #535A85;
  --colour-light-royal-blue: #116DFF;
  --colour-deep-royal-blue: #1E56C3;
  --colour-deep-alice-blue: #DDECFF;
  --colour-powder-blue: #B5E5EB;
  --colour-sky-blue: #A3D9F6;
  --colour-light-sky-blue: #B5DBF9;
  --colour-light-golden-rod-yellow: #DCFCCB;
  --colour-dodger-blue: #519EEF;
  --colour-royal-blue: #2F5DFF;
  --colour-light-alice-blue: #DCF0FF;
  --colour-cornflower-blue: #5E97FF;
  --gradient-1: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 10%, #FFF 100%), linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 93.02%);
  --gradient-2: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%), rgba(118, 118, 118, 0);
  --gradient-3: linear-gradient(270deg,#c1e0ec .08%,#dcfccb 109.37%),linear-gradient(120deg,#feffe6 -7.07%,#cde6ff 96.02%);

  /* Typefaces */
  --font-headings: 'wix-madefor-display-v2', sans-serif;
  --font-buttons: 'wix-madefor-text-v2', sans-serif;
  --font-other: 'Madefor-Text', 'Madefor', 'Helvetica Neue', 'Helvetica', 'Arial', 'メイリオ';

  /* Type scale */
  --text-body: 10px;

  /* Shape */
  --radius-1: 50px;
  --radius-2: 50%;
  --radius-3: 8px;
  --radius-4: 2px;
  --radius-5: 999px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 750px;
  --breakpoint-2: 767px;
  --breakpoint-3: 768px;
  --breakpoint-4: 1099px;
  --breakpoint-5: 1100px;
  --breakpoint-6: 1183px;
  --breakpoint-7: 1280px;
  --breakpoint-8: 1391px;
  --max-width-1: 1049px;
  --max-width-2: 615px;
}

{
    "site": "wix.com",
    "source": "https://sitestyleguide.com/wix.com",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Light Grey",
            "hex": "#C7C7C7",
            "rgb": [
                199,
                199,
                199
            ]
        },
        {
            "name": "Off White",
            "hex": "#E8E6E6",
            "rgb": [
                232,
                230,
                230
            ]
        },
        {
            "name": "Dark Slate Blue",
            "hex": "#535A85",
            "rgb": [
                83,
                90,
                133
            ]
        },
        {
            "name": "Light Royal Blue",
            "hex": "#116DFF",
            "rgb": [
                17,
                109,
                255
            ]
        },
        {
            "name": "Deep Royal Blue",
            "hex": "#1E56C3",
            "rgb": [
                30,
                86,
                195
            ]
        },
        {
            "name": "Deep Alice Blue",
            "hex": "#DDECFF",
            "rgb": [
                221,
                236,
                255
            ]
        },
        {
            "name": "Powder Blue",
            "hex": "#B5E5EB",
            "rgb": [
                181,
                229,
                235
            ]
        },
        {
            "name": "Sky Blue",
            "hex": "#A3D9F6",
            "rgb": [
                163,
                217,
                246
            ]
        },
        {
            "name": "Light Sky Blue",
            "hex": "#B5DBF9",
            "rgb": [
                181,
                219,
                249
            ]
        },
        {
            "name": "Light Golden Rod Yellow",
            "hex": "#DCFCCB",
            "rgb": [
                220,
                252,
                203
            ]
        },
        {
            "name": "Dodger Blue",
            "hex": "#519EEF",
            "rgb": [
                81,
                158,
                239
            ]
        },
        {
            "name": "Royal Blue",
            "hex": "#2F5DFF",
            "rgb": [
                47,
                93,
                255
            ]
        },
        {
            "name": "Light Alice Blue",
            "hex": "#DCF0FF",
            "rgb": [
                220,
                240,
                255
            ]
        },
        {
            "name": "Cornflower Blue",
            "hex": "#5E97FF",
            "rgb": [
                94,
                151,
                255
            ]
        }
    ],
    "fonts": [
        {
            "name": "wix-madefor-display-v2",
            "stack": "wix-madefor-display-v2, sans-serif",
            "weights": [
                400,
                500,
                600,
                700,
                800
            ],
            "source": "Served from static.parastorage.com"
        },
        {
            "name": "wix-madefor-text-v2",
            "stack": "wix-madefor-text-v2, sans-serif",
            "weights": [
                400,
                500,
                600,
                700,
                800
            ],
            "source": "Served from static.parastorage.com"
        },
        {
            "name": "Madefor-Display",
            "stack": "Madefor-Display, Madefor Display, Helvetica Neue, Helvetica, Arial, メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro W3, Hiragino Kaku Gothic Pro, sans-serif",
            "weights": [
                400,
                500
            ],
            "source": "Served from static.parastorage.com"
        },
        {
            "name": "Madefor-Text-MediumBold",
            "stack": "madefor-text-mediumbold, helveticaneuew01-45ligh, helveticaneuew02-45ligh, helveticaneuew10-45ligh, sans-serif",
            "weights": [
                400,
                500,
                530
            ],
            "source": "Served from static.parastorage.com"
        },
        {
            "name": "Madefor-Text",
            "stack": "Madefor-Text, Madefor, Helvetica Neue, Helvetica, Arial, メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro W3, Hiragino Kaku Gothic Pro, sans-serif",
            "weights": [
                400,
                500
            ],
            "source": "Served from static.parastorage.com"
        },
        {
            "name": "Madefor-Display-Bold",
            "stack": "Madefor-Display-Bold, Madefor Display, Helvetica Neue, Helvetica, Arial, メイリオ, Meiryo, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro W3, Hiragino Kaku Gothic Pro, sans-serif",
            "weights": [
                700
            ],
            "source": "Served from static.parastorage.com"
        }
    ]
}

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

php.net

php.net · 3 days ago
Save
tai-xiu-online.com

unblocked.la · 4 days ago
Save
MyAnimeList.net

myanimelist.net · 4 days ago
Save
Space

space.com · 2 days ago
Save

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

wix.comstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

Black

White

Light Grey

Off White

Colours

Dark Slate Blue

Light Royal Blue

Deep Royal Blue

Deep Alice Blue

Powder Blue

Sky Blue

Light Sky Blue

Light Golden Rod Yellow

Dodger Blue

Royal Blue

Light Alice Blue

Cornflower Blue

Gradients

wix-madefor-display-v2

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run wix.com?

Similar colours

php.net

tai-xiu-online.com

MyAnimeList.net

Space

Title &
description