What font does Starling Bank use?

Starling Bank’s website uses two typefaces: Avantt (headings and body text), self-hosted; CoFo Sans Semi-Mono, self-hosted.

What are Starling Bank’s brand colours?

The main colours on starlingbank.com are Midnight Blue (#321E37), Aqua (#50FFEB), Deep Turquoise (#24D2BE), Light Midnight Blue (#192852), Light Turquoise (#29E6D1) and Indian Red (#EA5C5C).

What colour is Starling Bank’s text and background?

Body text is #321E37 on a #FFFFFF background.

Where is Starling Bank’s logo from?

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

Is this Starling Bank’s official style guide?

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

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

Unofficial style guide

Starling Bankstyle guide

Starling Bank’s website (starlingbank.com) uses Avantt for its headings and body text. Its palette is led by Midnight Blue (#321E37), Aqua (#50FFEB) and Deep Turquoise (#24D2BE), with #321E37 text on #FFFFFF. Captured from the live site on 26 October 2026.

Website: starlingbank.com
Typefaces: Avantt, CoFo Sans Semi-Mono
Palette: 4 neutrals, 12 colours, 1 gradient
Captured: 26 Oct 2026 · added by @sitestyleguide

Save Add to collection Share Report

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

Screenshot of the starlingbank.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: Starling | Award-winning bank accounts; ● 38 / 60 characters
Meta description: Transform the way you manage your money with Starling Bank. Enjoy personal and business banking online and at your fingertips, always. Apply in minutes.; ● 152 / 160 characters
Site name: Starling Bank
og:title: Starling | Award-winning bank accounts
og:description: Transform the way you manage your money with Starling Bank. Enjoy personal and business banking online and at your fingertips, always. Apply in minutes.
Language: en

In search results

Starling Bankhttps://www.starlingbank.com/

Starling | Award-winning bank accounts

Transform the way you manage your money with Starling Bank. Enjoy personal and business banking online and at your fingertips, always. Apply in minutes.

When shared

The image Starling Bank shares with links

starlingbank.com

Starling | Award-winning bank accounts

Transform the way you manage your money with Starling Bank. Enjoy personal and business banking online and at…

Logo & favicons

Found as: schema.org logo. PNG, 231 × 231.

Logo

On white

On black

On Midnight Blue

Favicons

1 found

32 px · ICO favicon.ico

Starling | Award-winning bank accounts

Light browser tab

Starling | Award-winning bank accounts

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

Colour

Balance

How much each colour is used

White 23.9%
Midnight Blue 19.9%
Cool Light Grey 8.1%
Aqua 7.6%
Warm Off White 5.8%
Deep Turquoise 5.4%
Off White 5.1%
Light Midnight Blue 3.7%
Light Turquoise 3.3%
Indian Red 3.2%
Blue Violet 2.9%
Dim Grey 2.5%
Thistle 2.3%
Dark Slate Blue 2.2%
Pale Turquoise 2.1%
Deep Midnight Blue 1.9%

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

On white
—

Background, text, graphic · .p8iad10 button, ._6qdip0o button
Cool Light Grey

HEX

RGB

HSL

OKLCH

CMYK
0 2 0 16

On text
10.21:1 AAA

On white
1.49:1 Fail

Border, background, text · ._1izlnb43:disabled, ._1izlnb44:disabled
Warm Off White

HEX

RGB

HSL

OKLCH

CMYK
0 3 5 4

On text
13.41:1 AAA

On white
1.14:1 Fail

Background, graphic, text · ._1g9n0rh0, ._165rjgg1
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 1 0 8

On text
12.53:1 AAA

On white
1.22:1 Fail

Background, border · --tweet-skeleton-gradient, ._1f20ij8y

Colours

Brand colours and accents, most used first

Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
9 45 0 78

On text
—

On white
15.26:1 AAA

Text, background, border · body, ._1g9n0rh1>button
Aqua

HEX

RGB

HSL

OKLCH

CMYK
69 0 8 0

On text
12.24:1 AAA

On white
1.25:1 Fail

Background, border, text · ._1g9n0rh1>button, .moe04k0>button
Deep Turquoise

HEX

RGB

HSL

OKLCH

CMYK
83 0 10 18

On text
8.02:1 AAA

On white
1.90:1 Fail

Background, border, graphic · ._1izlnb46, ._1g9n0rh1>button:active:not(:disabled)
Light Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
70 51 0 68

On text
1.07:1 Fail

On white
14.32:1 AAA

Background, text, border · ._1izlnb48, .zp6bqe2bw
Light Turquoise

HEX

RGB

HSL

OKLCH

CMYK
82 0 9 10

On text
9.69:1 AAA

On white
1.57:1 Fail

Background, graphic, border · ._1g9n0rh1>button:hover:not(:disabled), .moe04k0>button:hover:not(:disabled)
Indian Red

HEX

RGB

HSL

OKLCH

CMYK
0 61 61 8

On text
4.49:1 AA large

On white
3.40:1 AA large

Text, background, graphic · .zp6bqe2e0, ._12i73uk6
Blue Violet

HEX

RGB

HSL

OKLCH

CMYK
50 75 0 17

On text
2.22:1 Fail

On white
6.88:1 AA

Background, border, graphic · ._1izlnb4a, .zp6bqe2bk
Dim Grey

HEX

RGB

HSL

OKLCH

CMYK
3 15 0 55

On text
2.68:1 Fail

On white
5.70:1 AA

Text, border, background · ._1izlnb45:disabled, ._10orlhu4:placeholder
Thistle

HEX

RGB

HSL

OKLCH

CMYK
13 20 0 0

On text
10.28:1 AAA

On white
1.48:1 Fail

Background, graphic, border · .zp6bqe2ck, .m7vdsc1
Dark Slate Blue

HEX

RGB

HSL

OKLCH

CMYK
39 29 0 54

On text
2.01:1 Fail

On white
7.60:1 AAA

Background, graphic, text · .zp6bqe2ds, ._1ombu2ud
Pale Turquoise

HEX

RGB

HSL

OKLCH

CMYK
21 0 1 8

On text
11.63:1 AAA

On white
1.31:1 Fail

Background, graphic, border · .zp6bqe2cw, ._1ombu2uf
Deep Midnight Blue

HEX

RGB

HSL

OKLCH

CMYK
50 75 0 67

On text
1.03:1 Fail

On white
15.75:1 AAA

Background, graphic, border · .zp6bqe2cs, .zp6bqe2f8

Gradients

radial-gradient(#50FFEB 0,#50FFEB 50%,transparent 51%)

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.

Avantt

Aa 100 Aa 900

Avantt

Self-hosted · weights 100, 450, 900 · headings, body · shown in a stand-in if you don’t have it

Aa 500 Aa 550

CoFo Sans Semi-Mono

Self-hosted · weights 500, 550 · buttons · shown in a stand-in if you don’t have it

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

Type scale

From the site’s CSS

Heading 2 2.25rem · 36 px / 2.5rem weight 600

Starling | Award-winning bank accounts

Heading 3 1.5rem · 24 px / 1.625rem weight 600 · Avantt

Starling | Award-winning bank accounts

Heading 4 1.125rem · 18 px / 1.35rem Avantt

Starling | Award-winning bank accounts

Heading 5 1rem · 16 px / 1.5rem weight 400 · Avantt

Starling | Award-winning bank accounts

Body 1.125rem · 18 px / 1.5rem weight 450 · Avantt

Transform the way you manage your money with Starling Bank. Enjoy personal and business banking online and at your fingertips, always. Appl…

Paragraph 1rem · 16 px / 1.5 Avantt

Transform the way you manage your money with Starling Bank. Enjoy personal and business banking online and at your fingertips, always. Appl…

Button .9rem · 14 px weight 450 · CoFo Sans Semi-Mono

Get started

Link .875rem · 14 px / 1rem

Sizes in use

Most common across the site

36pxline 2.5rem · 3 rules
28pxline 1.75rem · 3 rules
24pxline 1.625rem · 4 rules
18pxline 1.5rem · 10 rules
16pxline 1.5rem · 10 rules
15pxline 1.25rem · 3 rules
14pxline 1.5rem · 21 rules
12px2 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

.moe04k0>button · #50FFEB

Corner radius

50% · 19×
1.5rem · 17×
4px · 15×
0.25rem · 11×
1.119rem · 9×
30px · 8×

Shadows

0 0 4px 1px rgba(0,0,0,.15)
0 10px 10px rgba(0,0,0,.03)
0 0 80px 10px rgba(0,0,0,.5)
0 4px 8px rgba(0,0,0,.1)

Layout

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

Grid

Breakpoints

576

768

1020

1150

1200

1441

On a scale of 0 to 1441 px.

Content widths (max-width)

1441 px

1380 px

1000 px

992 px

903 px

550 px

Notes

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

Notes

● FineThe title is 38 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 Starling Bank use?: Starling Bank’s website uses two typefaces: Avantt (headings and body text), self-hosted; CoFo Sans Semi-Mono, self-hosted.
What are Starling Bank’s brand colours?: The main colours on starlingbank.com are Midnight Blue (#321E37), Aqua (#50FFEB), Deep Turquoise (#24D2BE), Light Midnight Blue (#192852), Light Turquoise (#29E6D1) and Indian Red (#EA5C5C).
What colour is Starling Bank’s text and background?: Body text is #321E37 on a #FFFFFF background.
Where is Starling Bank’s logo from?: The logo shown in this guide was found on starlingbank.com’s homepage. For official logo files and usage rules, check Starling Bank’s own brand or press page.
Is this Starling Bank’s official style guide?: No. SiteStyleGuide made it from starlingbank.com’s public web pages on 26 October 2026, and isn’t affiliated with Starling Bank. 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

starlingbank-com-tokens.css

Download

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

/* starlingbank.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/starlingbank.com) */
:root {
  /* Colours */
  --text: #321E37;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-cool-light-grey: #D6D2D7;
  --colour-warm-off-white: #F6EFEA;
  --colour-off-white: #EAE8EB;
  --colour-midnight-blue: #321E37;
  --colour-aqua: #50FFEB;
  --colour-deep-turquoise: #24D2BE;
  --colour-light-midnight-blue: #192852;
  --colour-light-turquoise: #29E6D1;
  --colour-indian-red: #EA5C5C;
  --colour-blue-violet: #6935D3;
  --colour-dim-grey: #706273;
  --colour-thistle: #DDCCFF;
  --colour-dark-slate-blue: #475375;
  --colour-pale-turquoise: #BAEAE7;
  --colour-deep-midnight-blue: #2A1554;
  --gradient-1: radial-gradient(#50FFEB 0,#50FFEB 50%,transparent 51%);

  /* Typefaces */
  --font-headings: 'Avantt', 'Inter tight', sans-serif;
  --font-body: 'Avantt', 'Inter tight', sans-serif;
  --font-buttons: 'CoFo Sans Semi-Mono', 'Roboto mono', sans-serif;

  /* Type scale */
  --text-h2: 2.25rem;
  --leading-h2: 2.5rem;
  --text-h3: 1.5rem;
  --leading-h3: 1.625rem;
  --text-h4: 1.125rem;
  --leading-h4: 1.35rem;
  --text-h5: 1rem;
  --leading-h5: 1.5rem;
  --text-body: 1.125rem;
  --leading-body: 1.5rem;
  --text-p: 1rem;
  --leading-p: 1.5;
  --text-button: .9rem;
  --text-a: .875rem;
  --leading-a: 1rem;

  /* Shape */
  --radius-1: 50%;
  --radius-2: 1.5rem;
  --radius-3: 4px;
  --radius-4: 0.25rem;
  --radius-5: 1.119rem;
  --radius-6: 30px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 576px;
  --breakpoint-2: 768px;
  --breakpoint-3: 1020px;
  --breakpoint-4: 1150px;
  --breakpoint-5: 1200px;
  --breakpoint-6: 1441px;
  --max-width-1: 1441px;
  --max-width-2: 1380px;
  --max-width-3: 1000px;
  --max-width-4: 992px;
  --max-width-5: 903px;
  --max-width-6: 550px;
}

{
    "site": "starlingbank.com",
    "source": "https://sitestyleguide.com/starlingbank.com",
    "text": "#321E37",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Cool Light Grey",
            "hex": "#D6D2D7",
            "rgb": [
                214,
                210,
                215
            ]
        },
        {
            "name": "Warm Off White",
            "hex": "#F6EFEA",
            "rgb": [
                246,
                239,
                234
            ]
        },
        {
            "name": "Off White",
            "hex": "#EAE8EB",
            "rgb": [
                234,
                232,
                235
            ]
        },
        {
            "name": "Midnight Blue",
            "hex": "#321E37",
            "rgb": [
                50,
                30,
                55
            ]
        },
        {
            "name": "Aqua",
            "hex": "#50FFEB",
            "rgb": [
                80,
                255,
                235
            ]
        },
        {
            "name": "Deep Turquoise",
            "hex": "#24D2BE",
            "rgb": [
                36,
                210,
                190
            ]
        },
        {
            "name": "Light Midnight Blue",
            "hex": "#192852",
            "rgb": [
                25,
                40,
                82
            ]
        },
        {
            "name": "Light Turquoise",
            "hex": "#29E6D1",
            "rgb": [
                41,
                230,
                209
            ]
        },
        {
            "name": "Indian Red",
            "hex": "#EA5C5C",
            "rgb": [
                234,
                92,
                92
            ]
        },
        {
            "name": "Blue Violet",
            "hex": "#6935D3",
            "rgb": [
                105,
                53,
                211
            ]
        },
        {
            "name": "Dim Grey",
            "hex": "#706273",
            "rgb": [
                112,
                98,
                115
            ]
        },
        {
            "name": "Thistle",
            "hex": "#DDCCFF",
            "rgb": [
                221,
                204,
                255
            ]
        },
        {
            "name": "Dark Slate Blue",
            "hex": "#475375",
            "rgb": [
                71,
                83,
                117
            ]
        },
        {
            "name": "Pale Turquoise",
            "hex": "#BAEAE7",
            "rgb": [
                186,
                234,
                231
            ]
        },
        {
            "name": "Deep Midnight Blue",
            "hex": "#2A1554",
            "rgb": [
                42,
                21,
                84
            ]
        }
    ],
    "fonts": [
        {
            "name": "Avantt",
            "stack": "\"Avantt\", Inter tight, sans-serif",
            "weights": [
                100,
                450,
                900
            ],
            "source": "Self-hosted"
        },
        {
            "name": "CoFo Sans Semi-Mono",
            "stack": "\"CoFo Sans Semi-Mono\", Roboto mono, sans-serif",
            "weights": [
                500,
                550
            ],
            "source": "Self-hosted"
        }
    ]
}

Websites whose lead colour is closest to Starling Bank’s

Pantip

pantip.com · 5 days ago
Save
expedia

expedia.co.uk · 4 days ago
Save
vrbo

vrbo.com · 4 days ago
Save
Outbrain

outbrain.com · 3 days ago
Save

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

Starling Bankstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Cool Light Grey

Warm Off White

Off White

Colours

Midnight Blue

Aqua

Deep Turquoise

Light Midnight Blue

Light Turquoise

Indian Red

Blue Violet

Dim Grey

Thistle

Dark Slate Blue

Pale Turquoise

Deep Midnight Blue

Gradients

Avantt

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run starlingbank.com?

Similar colours

Pantip

expedia

vrbo

Outbrain

Title &
description