What font does Spotify for Creators use?

Spotify for Creators’s website uses four typefaces: SpotifyMixUITitle (headings and body text), served from encore.scdn.co; SpotifyMixUI, served from encore.scdn.co; SpotifyMixMono, served from encore.scdn.co; SpotifyMixUITitleVariable, served from encore.scdn.co.

What are Spotify for Creators’s brand colours?

The main colours on anchor.fm are Cornflower Blue (#9691FF), Pink (#FFD2D7), Deep Maroon (#590810), Khaki (#FFD97E), Light Maroon (#491E00) and Aqua Marine (#96F0B6).

What colour is Spotify for Creators’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is Spotify for Creators’s logo from?

The logo shown in this guide was found on anchor.fm’s homepage. For official logo files and usage rules, check Spotify for Creators’s own brand or press page.

Is this Spotify for Creators’s official style guide?

No. SiteStyleGuide made it from anchor.fm’s public web pages on 1 November 2026, and isn’t affiliated with Spotify for Creators. Members can refresh a guide after 90 days to pick up changes.

Unofficial A style guide made by SiteStyleGuide from anchor.fm’s public web pages. Not affiliated with or endorsed by Spotify for Creators. The real site is anchor.fm ↗

Unofficial style guide

Spotify for Creatorsstyle guide

Spotify for Creators’s website (anchor.fm) uses SpotifyMixUITitle for its headings and body text. Its palette is led by Cornflower Blue (#9691FF), Pink (#FFD2D7) and Deep Maroon (#590810), with #000000 text on #FFFFFF. Captured from the live site on 1 November 2026.

Website: anchor.fm
Typefaces: SpotifyMixUITitle, SpotifyMixUI, SpotifyMixMono
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 1 Nov 2026 · added by @sitestyleguide

Save Add to collection Share Report

Screenshot of the anchor.fm homepage on a desktop screen — Screenshot of anchor.fm on a 1440 px desktop screen, 1 Nov 2026.

Screenshot of the anchor.fm 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: Tools to manage and grow your podcast - Spotify for Creators; ● 60 / 60 characters
Meta description: Get to know Spotify for Creators (formerly Spotify for Podcasters), the free audio and video podcasting platform of Spotify.; ● 124 / 160 characters
Site name: Spotify for Creators
og:title: Tools to manage and grow your podcast - Spotify for Creators
og:description: Get to know Spotify for Creators (formerly Spotify for Podcasters), the free audio and video podcasting platform of Spotify.
Theme colour: #000000

In search results

Spotify for Creatorshttps://creators.spotify.com/

Tools to manage and grow your podcast - Spotify for Creators

Get to know Spotify for Creators (formerly Spotify for Podcasters), the free audio and video podcasting platform of Spotify.

When shared

The image Spotify for Creators shares with links

anchor.fm

Tools to manage and grow your podcast - Spotify for Creators

Get to know Spotify for Creators (formerly Spotify for Podcasters), the free audio and video podcasting platf…

Logo & favicons

Found as: SVG in the header. SVG, 530 × 118.

Logo

On white

On black

On Cornflower Blue

Favicons

1 found

32 px · ICO shortcut icon

Tools to manage and grow your podcast - Spotify for Creators

Light browser tab

Tools to manage and grow your podcast - Spotify for Creators

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 35.1%
Black 24.2%
Off White 4.2%
Near Black 3.7%
Cornflower Blue 3.7%
Pink 3.2%
Deep Maroon 3%
Khaki 2.9%
Light Maroon 2.9%
Aqua Marine 2.9%
Dark Slate Grey 2.9%
Light Steel Blue 2.9%
Midnight Blue 2.9%
Lime Green 2.4%
Orange 1.7%
Crimson 1.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
21.00:1 AAA

On white
—

Background, text, border · --text-base, --essential-base
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Theme, text · --text-base, --essential-base
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 6

On text
18.43:1 AAA

On white
1.14:1 Fail

Background, border · .wrapped-logged-out-banner__title, --background-highlight
Near Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 92

On text
1.14:1 Fail

On white
18.42:1 AAA

Background · --background-highlight, --background-elevated-base

Colours

Brand colours and accents, most used first

Cornflower Blue

HEX

RGB

HSL

OKLCH

CMYK
41 43 0 0

On text
7.79:1 AAA

On white
2.70:1 Fail

Background, graphic, border · --text-bright-accent, --essential-bright-accent
Pink

HEX

RGB

HSL

OKLCH

CMYK
0 18 16 0

On text
15.45:1 AAA

On white
1.36:1 Fail

Text · .styles-module_errorMessageBanner__RstA-, --background-base
Deep Maroon

HEX

RGB

HSL

OKLCH

CMYK
0 91 82 65

On text
1.47:1 Fail

On white
14.32:1 AAA

Background · .styles-module_errorMessageBanner__RstA-, --text-base
Khaki

HEX

RGB

HSL

OKLCH

CMYK
0 15 51 0

On text
15.48:1 AAA

On white
1.36:1 Fail

Used · --background-base, --background-tinted-base
Light Maroon

HEX

RGB

HSL

OKLCH

CMYK
0 59 100 71

On text
1.47:1 Fail

On white
14.30:1 AAA

Used · --text-base, --text-subdued
Aqua Marine

HEX

RGB

HSL

OKLCH

CMYK
37 0 24 6

On text
15.44:1 AAA

On white
1.36:1 Fail

Used · --background-base, --background-tinted-base
Dark Slate Grey

HEX

RGB

HSL

OKLCH

CMYK
86 0 55 81

On text
1.46:1 Fail

On white
14.38:1 AAA

Used · --text-base, --text-subdued
Light Steel Blue

HEX

RGB

HSL

OKLCH

CMYK
21 11 0 1

On text
15.52:1 AAA

On white
1.35:1 Fail

Used · --background-base, --background-tinted-base
Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
94 51 0 66

On text
1.47:1 Fail

On white
14.27:1 AAA

Used · --text-base, --text-subdued
Lime Green

HEX

RGB

HSL

OKLCH

CMYK
86 0 55 16

On text
10.94:1 AAA

On white
1.92:1 Fail

Background · .pre-wrapped-banner__container, --background-base
Orange

HEX

RGB

HSL

OKLCH

CMYK
0 36 83 0

On text
10.60:1 AAA

On white
1.98:1 Fail

Used · --background-base, --background-tinted-base
Crimson

HEX

RGB

HSL

OKLCH

CMYK
0 91 82 9

On text
4.60:1 AA

On white
4.57:1 AA

Used · --background-base, --background-tinted-base

Gradients

linear-gradient(270deg,#0000, 75%)
linear-gradient(90deg,#0000, 75%)
linear-gradient(,)

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.

SpotifyMixUITitle

Aa 700 Aa 800

SpotifyMixUITitle

Served from encore.scdn.co · weights 700, 800 · headings · shown in a stand-in if you don’t have it

Aa 400 Aa 700

SpotifyMixUI

Served from encore.scdn.co · weights 400, 700 · buttons · shown in a stand-in if you don’t have it

Aa 400

SpotifyMixMono

Served from encore.scdn.co · weights 400 · shown in a stand-in if you don’t have it

Aa 100 Aa 1000

SpotifyMixUITitleVariable

Served from encore.scdn.co · weights 100, 1000 · shown in a stand-in if you don’t have it

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

Type scale

From the site’s CSS

Paragraph

Get to know Spotify for Creators (formerly Spotify for Podcasters), the free audio and video podcasting platform of Spotify.

Small /

Get to know Spotify for Creators (formerly Spotify for Podcasters), the free audio and video podcasting platform of Spotify.

Sizes in use

Most common across the site

40px1 rules
28px1 rules
24pxline 1.21 · 1 rules
19pxline 24px · 1 rules
18px5 rules
16px3 rules
15pxline 18px · 1 rules
14pxline 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

Corner radius

50% · 20×
9999px · 14×
100px · 8×
0 100px 100px 0 · 7×
100px 0 0 100px · 6×

Shadows

0 4px 12px 0 #0000004d
0 3px 0 0
,,
0 1px 24px rgba(0,0,0,.3)

Layout

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

Grid

Breakpoints

479

480

767

768

991

992

1199

1919

On a scale of 0 to 1919 px.

Content widths (max-width)

1600 px

1408 px

1100 px

600 px

384 px

300 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.
▲ CheckThe page doesn’t declare its language (the lang attribute on <html>).

Questions

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

Questions

What font does Spotify for Creators use?: Spotify for Creators’s website uses four typefaces: SpotifyMixUITitle (headings and body text), served from encore.scdn.co; SpotifyMixUI, served from encore.scdn.co; SpotifyMixMono, served from encore.scdn.co; SpotifyMixUITitleVariable, served from encore.scdn.co.
What are Spotify for Creators’s brand colours?: The main colours on anchor.fm are Cornflower Blue (#9691FF), Pink (#FFD2D7), Deep Maroon (#590810), Khaki (#FFD97E), Light Maroon (#491E00) and Aqua Marine (#96F0B6).
What colour is Spotify for Creators’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is Spotify for Creators’s logo from?: The logo shown in this guide was found on anchor.fm’s homepage. For official logo files and usage rules, check Spotify for Creators’s own brand or press page.
Is this Spotify for Creators’s official style guide?: No. SiteStyleGuide made it from anchor.fm’s public web pages on 1 November 2026, and isn’t affiliated with Spotify for Creators. 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

anchor-fm-tokens.css

Download

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

/* anchor.fm design tokens, from SiteStyleGuide (https://sitestyleguide.com/anchor.fm) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-off-white: #F0F0F0;
  --colour-near-black: #141414;
  --colour-cornflower-blue: #9691FF;
  --colour-pink: #FFD2D7;
  --colour-deep-maroon: #590810;
  --colour-khaki: #FFD97E;
  --colour-light-maroon: #491E00;
  --colour-aqua-marine: #96F0B6;
  --colour-dark-slate-grey: #073116;
  --colour-light-steel-blue: #C8E0FC;
  --colour-midnight-blue: #052A56;
  --colour-lime-green: #1ED760;
  --colour-orange: #FFA42B;
  --colour-crimson: #E91429;
  --gradient-1: linear-gradient(270deg,#0000, 75%);
  --gradient-2: linear-gradient(90deg,#0000, 75%);
  --gradient-3: linear-gradient(,);

  /* Typefaces */
  --font-headings: 'SpotifyMixUITitle', 'CircularSp-Arab', 'CircularSp-Hebr', 'CircularSp-Cyrl', 'CircularSp-Grek', 'CircularSp-Deva';
  --font-buttons: 'SpotifyMixUI', 'CircularSp-Arab', 'CircularSp-Hebr', 'CircularSp-Cyrl', 'CircularSp-Grek', 'CircularSp-Deva';
  --font-other: 'SpotifyMixMono', 'CircularSp-Arab', 'CircularSp-Hebr', 'CircularSp-Cyrl', 'CircularSp-Grek', 'CircularSp-Deva';

  /* Shape */
  --radius-1: 50%;
  --radius-2: 9999px;
  --radius-3: 100px;
  --radius-4: 0 100px 100px 0;
  --radius-5: 100px 0 0 100px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 479px;
  --breakpoint-2: 480px;
  --breakpoint-3: 767px;
  --breakpoint-4: 768px;
  --breakpoint-5: 991px;
  --breakpoint-6: 992px;
  --breakpoint-7: 1199px;
  --breakpoint-8: 1919px;
  --max-width-1: 1600px;
  --max-width-2: 1408px;
  --max-width-3: 1100px;
  --max-width-4: 600px;
  --max-width-5: 384px;
  --max-width-6: 300px;
}

{
    "site": "anchor.fm",
    "source": "https://sitestyleguide.com/anchor.fm",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Off White",
            "hex": "#F0F0F0",
            "rgb": [
                240,
                240,
                240
            ]
        },
        {
            "name": "Near Black",
            "hex": "#141414",
            "rgb": [
                20,
                20,
                20
            ]
        },
        {
            "name": "Cornflower Blue",
            "hex": "#9691FF",
            "rgb": [
                150,
                145,
                255
            ]
        },
        {
            "name": "Pink",
            "hex": "#FFD2D7",
            "rgb": [
                255,
                210,
                215
            ]
        },
        {
            "name": "Deep Maroon",
            "hex": "#590810",
            "rgb": [
                89,
                8,
                16
            ]
        },
        {
            "name": "Khaki",
            "hex": "#FFD97E",
            "rgb": [
                255,
                217,
                126
            ]
        },
        {
            "name": "Light Maroon",
            "hex": "#491E00",
            "rgb": [
                73,
                30,
                0
            ]
        },
        {
            "name": "Aqua Marine",
            "hex": "#96F0B6",
            "rgb": [
                150,
                240,
                182
            ]
        },
        {
            "name": "Dark Slate Grey",
            "hex": "#073116",
            "rgb": [
                7,
                49,
                22
            ]
        },
        {
            "name": "Light Steel Blue",
            "hex": "#C8E0FC",
            "rgb": [
                200,
                224,
                252
            ]
        },
        {
            "name": "Midnight Blue",
            "hex": "#052A56",
            "rgb": [
                5,
                42,
                86
            ]
        },
        {
            "name": "Lime Green",
            "hex": "#1ED760",
            "rgb": [
                30,
                215,
                96
            ]
        },
        {
            "name": "Orange",
            "hex": "#FFA42B",
            "rgb": [
                255,
                164,
                43
            ]
        },
        {
            "name": "Crimson",
            "hex": "#E91429",
            "rgb": [
                233,
                20,
                41
            ]
        }
    ],
    "fonts": [
        {
            "name": "SpotifyMixUITitle",
            "stack": "SpotifyMixUITitle, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, sans-serif",
            "weights": [
                700,
                800
            ],
            "source": "Served from encore.scdn.co"
        },
        {
            "name": "SpotifyMixUI",
            "stack": "SpotifyMixUI, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, sans-serif",
            "weights": [
                400,
                700
            ],
            "source": "Served from encore.scdn.co"
        },
        {
            "name": "SpotifyMixMono",
            "stack": "SpotifyMixMono, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, monospace",
            "weights": [
                400
            ],
            "source": "Served from encore.scdn.co"
        },
        {
            "name": "SpotifyMixUITitleVariable",
            "stack": "SpotifyMixUITitleVariable, CircularSp-Arab, CircularSp-Hebr, CircularSp-Cyrl, CircularSp-Grek, CircularSp-Deva, sans-serif",
            "weights": [
                100,
                1000
            ],
            "source": "Served from encore.scdn.co"
        }
    ]
}

Websites whose lead colour is closest to Spotify for Creators’s

mama.cn

mama.cn · 6 days ago
Save
JetBrains

jetbrains.com · 5 days ago
Save
PPP

ppp.tokyo.jp · 5 days ago
Save
xkcd

xkcd.com · 4 days ago
Save

Captured from anchor.fm on 1 November 2026. SiteStyleGuide isn’t affiliated with or endorsed by Spotify for Creators; this guide describes the public website for reference.

Spotify for Creatorsstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Off White

Near Black

Colours

Cornflower Blue

Pink

Deep Maroon

Khaki

Light Maroon

Aqua Marine

Dark Slate Grey

Light Steel Blue

Midnight Blue

Lime Green

Orange

Crimson

Gradients

SpotifyMixUITitle

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run anchor.fm?

Similar colours

mama.cn

JetBrains

PPP

xkcd

Title &
description