What font does AKQA use?

AKQA’s website uses two typefaces: Season Serif (headings), a system font; Apple Color Emoji (body text), a system font.

What are AKQA’s brand colours?

The main colours on akqa.com are Purple (#68064F), Thistle (#F3BDDD), Ivory (#FEFBE6), Maroon (#3B0300), Light Pink (#FFB7B3) and Indigo (#340027).

What colour is AKQA’s text and background?

Body text is #000000 on a #FFFFFF background.

Where is AKQA’s logo from?

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

Is this AKQA’s official style guide?

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

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

Unofficial style guide

AKQAstyle guide

AKQA’s website (akqa.com) sets its headings in Season Serif and its body text in Apple Color Emoji. Its palette is led by Purple (#68064F), Thistle (#F3BDDD) and Ivory (#FEFBE6), with #000000 text on #FFFFFF. Captured from the live site on 27 October 2026.

Website: akqa.com
Typefaces: Season Serif, Season Mix, Apple Color Emoji
Palette: 4 neutrals, 12 colours, 3 gradients
Captured: 27 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: AKQA | Frontier Agency for Design, Innovation and AI - AKQA; ● 59 / 60 characters
Meta description: AKQA is the frontier agency helping organisations create new forms of value through imagination, design, innovation and AI.; ● 123 / 160 characters
Site name: AKQA
og:title: AKQA | Frontier Agency for Design, Innovation and AI - AKQA
og:description: AKQA is the frontier agency helping organisations create new forms of value through imagination, design, innovation and AI.
Language: en
Theme colour: #ffffff

In search results

AKQAhttps://www.akqa.com/

AKQA | Frontier Agency for Design, Innovation and AI - AKQA

AKQA is the frontier agency helping organisations create new forms of value through imagination, design, innovation and AI.

When shared

akqa.com

AKQA | Frontier Agency for Design, Innovation and AI - AKQA

AKQA is the frontier agency helping organisations create new forms of value through imagination, design, inno…

Logo & favicons

Found as: schema.org logo. PNG, 1200 × 630.

Logo

On white

On black

On Purple

Favicons

5 found

512 px · PNG manifest
256 px · PNG manifest
192 px · PNG manifest
180 px · PNG apple-touch-icon
48 px · ICO icon

AKQA | Frontier Agency for Design, Innovation and AI - AKQA

Light browser tab

AKQA | Frontier Agency for Design, Innovation and AI - AKQA

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 31.1%
Black 27.7%
Near Black 8.9%
Off White 5.7%
Purple 3.4%
Thistle 3%
Ivory 2.7%
Maroon 2.3%
Light Pink 2.3%
Indigo 2.1%
Rebecca Purple 1.9%
Dark Red 1.9%
Dark Green 1.9%
Black 1.9%
Aqua Marine 1.7%
Light Blue 1.5%

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, theme · .hero-dissolve:after, .grouped-sections-title
Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 100

On text
—

On white
21.00:1 AAA

Text, background, border · .text-text-default\/80, --color-text-default
Near Black

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 90

On text
1.19:1 Fail

On white
17.58:1 AAA

Text, background, graphic · --color-backgrounds-colour, --color-text-primary-contrast
Off White

HEX

RGB

HSL

OKLCH

CMYK
0 0 0 9

On text
17.30:1 AAA

On white
1.21:1 Fail

Background, border · --color-backgrounds-secondary, --color-text-primary-muted

Colours

Brand colours and accents, most used first

Purple

HEX

RGB

HSL

OKLCH

CMYK
0 94 24 59

On text
1.73:1 Fail

On white
12.16:1 AAA

Used · --color-text-secondary-contrast, --color-secondary-brand-1-800
Thistle

HEX

RGB

HSL

OKLCH

CMYK
0 22 9 5

On text
13.13:1 AAA

On white
1.60:1 Fail

Used · --color-secondary-brand-1-200, --color-supporting-pink-200
Ivory

HEX

RGB

HSL

OKLCH

CMYK
0 1 9 0

On text
20.16:1 AAA

On white
1.04:1 Fail

Used · --color-supporting-yellow-100, --color-supporting-orange-100
Maroon

HEX

RGB

HSL

OKLCH

CMYK
0 95 100 77

On text
1.20:1 Fail

On white
17.51:1 AAA

Background, text · --color-fill-functional-error-heavy-contrast, .text-fill-functional-error-heavy-contrast
Light Pink

HEX

RGB

HSL

OKLCH

CMYK
0 28 30 0

On text
12.68:1 AAA

On white
1.66:1 Fail

Background · --color-fill-functional-error-muted, .bg-fill-functional-error-muted
Indigo

HEX

RGB

HSL

OKLCH

CMYK
0 100 25 80

On text
1.18:1 Fail

On white
17.87:1 AAA

Used · --color-secondary-brand-1-900, --color-supporting-pink-900
Rebecca Purple

HEX

RGB

HSL

OKLCH

CMYK
30 79 0 33

On text
2.62:1 Fail

On white
8.02:1 AAA

Text, border · --color-text-functional-visited, --color-stroke-components-visited
Dark Red

HEX

RGB

HSL

OKLCH

CMYK
0 94 100 35

On text
2.64:1 Fail

On white
7.94:1 AAA

Background · .bg-fill-functional-error-default, --color-fill-functional-error-default
Dark Green

HEX

RGB

HSL

OKLCH

CMYK
100 0 72 79

On text
1.52:1 Fail

On white
13.85:1 AAA

Text · --color-fill-functional-success-heavy-contrast, .text-fill-functional-success-heavy-contrast
Black

HEX

RGB

HSL

OKLCH

CMYK
0 29 100 81

On text
1.35:1 Fail

On white
15.50:1 AAA

Text · --color-fill-functional-warning-heavy-contrast, .text-fill-functional-warning-heavy-contrast
Aqua Marine

HEX

RGB

HSL

OKLCH

CMYK
27 0 19 0

On text
18.31:1 AAA

On white
1.15:1 Fail

Background · --color-fill-functional-success-muted, .bg-fill-functional-success-muted
Light Blue

HEX

RGB

HSL

OKLCH

CMYK
19 7 0 0

On text
17.21:1 AAA

On white
1.22:1 Fail

Used · --color-secondary-brand-2-200, --color-supporting-blue-200

Gradients

linear-gradient(to bottom, transparent 0%, transparent 25%, #ffffff59 60%, #ffffffb3 85%, #fff 100%)
linear-gradient(to bottom, transparent 0%, transparent 25%, color-mix(in srgb, #fff 35%, transparent) 60%, color-mix(in srgb, #fff 70%, transparent) 85%, #fff 100%)
linear-gradient(90deg, transparent 0%, transparent calc(50% - 66% / 2), #c99067 calc(50% - 66% / 6), #d8dbb5 calc(50% + 66% / 6), transparent calc(50% + 66% / 2), transparent 100%)

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.

Season Serif

Aa 400

Season Serif

System font, or not loaded on this page · weights 400 · headings · shown in a stand-in if you don’t have it

Aa 400

Season Mix

System font, or not loaded on this page · weights 400 · headings · shown in a stand-in if you don’t have it

Aa 400

Apple Color Emoji

System font, or not loaded on this page · body · shown in a stand-in if you don’t have it

Aa 400

Season Sans

System font, or not loaded on this page · weights 400 · buttons · shown in a stand-in if you don’t have it

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

Type scale

From the site’s CSS

Paragraph 14px / 21px weight 400 · Season Sans

AKQA is the frontier agency helping organisations create new forms of value through imagination, design, innovation and AI.

Small 80%

AKQA is the frontier agency helping organisations create new forms of value through imagination, design, innovation and AI.

Link 18px / 27px weight 400 · Season Serif

Sizes in use

Most common across the site

44pxline 44px · 4 rules
36pxline 36px · 4 rules
32pxline 37px · 8 rules
28pxline 28px · 4 rules
18pxline 27px · 11 rules
16pxline 18px · 8 rules
15pxline 21px · 16 rules
14pxline 21px · 7 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

3.40282e38px · 4×
50% · 3×
8px · 3×
.25rem · 1×
2.667px · 1×
48px · 1×

Shadows

0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000

Layout

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

Grid

Breakpoints

640

767

768

1023

1024

1280

1441

1536

On a scale of 0 to 1536 px.

Content widths (max-width)

1536 px

1392 px

1280 px

1024 px

768 px

640 px

Notes

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

Notes

● FineThe title is 59 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 AKQA use?: AKQA’s website uses two typefaces: Season Serif (headings), a system font; Apple Color Emoji (body text), a system font.
What are AKQA’s brand colours?: The main colours on akqa.com are Purple (#68064F), Thistle (#F3BDDD), Ivory (#FEFBE6), Maroon (#3B0300), Light Pink (#FFB7B3) and Indigo (#340027).
What colour is AKQA’s text and background?: Body text is #000000 on a #FFFFFF background.
Where is AKQA’s logo from?: The logo shown in this guide was found on akqa.com’s homepage. For official logo files and usage rules, check AKQA’s own brand or press page.
Is this AKQA’s official style guide?: No. SiteStyleGuide made it from akqa.com’s public web pages on 27 October 2026, and isn’t affiliated with AKQA. 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

akqa-com-tokens.css

Download

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

/* akqa.com design tokens, from SiteStyleGuide (https://sitestyleguide.com/akqa.com) */
:root {
  /* Colours */
  --text: #000000;
  --background: #FFFFFF;
  --colour-white: #FFFFFF;
  --colour-black: #000000;
  --colour-near-black: #191919;
  --colour-off-white: #E9E9E9;
  --colour-purple: #68064F;
  --colour-thistle: #F3BDDD;
  --colour-ivory: #FEFBE6;
  --colour-maroon: #3B0300;
  --colour-light-pink: #FFB7B3;
  --colour-indigo: #340027;
  --colour-rebecca-purple: #7724AA;
  --colour-dark-red: #A50A00;
  --colour-dark-green: #00350F;
  --colour-black-2: #302200;
  --colour-aqua-marine: #BBFFCE;
  --colour-light-blue: #CFEDFF;
  --gradient-1: linear-gradient(to bottom, transparent 0%, transparent 25%, #ffffff59 60%, #ffffffb3 85%, #fff 100%);
  --gradient-2: linear-gradient(to bottom, transparent 0%, transparent 25%, color-mix(in srgb, #fff 35%, transparent) 60%, color-mix(in srgb, #fff 70%, transparent) 85%, #fff 100%);
  --gradient-3: linear-gradient(90deg, transparent 0%, transparent calc(50% - 66% / 2), #c99067 calc(50% - 66% / 6), #d8dbb5 calc(50% + 66% / 6), transparent calc(50% + 66% / 2), transparent 100%);

  /* Typefaces */
  --font-headings: 'Season Serif';
  --font-body: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --font-buttons: 'Season Sans';
  --font-other: 'seasonMix', 'seasonMix Fallback', serif;

  /* Type scale */
  --text-p: 14px;
  --leading-p: 21px;
  --text-small: 80%;
  --text-a: 18px;
  --leading-a: 27px;

  /* Shape */
  --radius-1: 3.40282e38px;
  --radius-2: 50%;
  --radius-3: 8px;
  --radius-4: .25rem;
  --radius-5: 2.667px;
  --radius-6: 48px;

  /* Layout (breakpoints can’t be used in media queries as variables; they’re here for reference) */
  --breakpoint-1: 640px;
  --breakpoint-2: 767px;
  --breakpoint-3: 768px;
  --breakpoint-4: 1023px;
  --breakpoint-5: 1024px;
  --breakpoint-6: 1280px;
  --breakpoint-7: 1441px;
  --breakpoint-8: 1536px;
  --max-width-1: 1536px;
  --max-width-2: 1392px;
  --max-width-3: 1280px;
  --max-width-4: 1024px;
  --max-width-5: 768px;
  --max-width-6: 640px;
}

{
    "site": "akqa.com",
    "source": "https://sitestyleguide.com/akqa.com",
    "text": "#000000",
    "background": "#FFFFFF",
    "colours": [
        {
            "name": "White",
            "hex": "#FFFFFF",
            "rgb": [
                255,
                255,
                255
            ]
        },
        {
            "name": "Black",
            "hex": "#000000",
            "rgb": [
                0,
                0,
                0
            ]
        },
        {
            "name": "Near Black",
            "hex": "#191919",
            "rgb": [
                25,
                25,
                25
            ]
        },
        {
            "name": "Off White",
            "hex": "#E9E9E9",
            "rgb": [
                233,
                233,
                233
            ]
        },
        {
            "name": "Purple",
            "hex": "#68064F",
            "rgb": [
                104,
                6,
                79
            ]
        },
        {
            "name": "Thistle",
            "hex": "#F3BDDD",
            "rgb": [
                243,
                189,
                221
            ]
        },
        {
            "name": "Ivory",
            "hex": "#FEFBE6",
            "rgb": [
                254,
                251,
                230
            ]
        },
        {
            "name": "Maroon",
            "hex": "#3B0300",
            "rgb": [
                59,
                3,
                0
            ]
        },
        {
            "name": "Light Pink",
            "hex": "#FFB7B3",
            "rgb": [
                255,
                183,
                179
            ]
        },
        {
            "name": "Indigo",
            "hex": "#340027",
            "rgb": [
                52,
                0,
                39
            ]
        },
        {
            "name": "Rebecca Purple",
            "hex": "#7724AA",
            "rgb": [
                119,
                36,
                170
            ]
        },
        {
            "name": "Dark Red",
            "hex": "#A50A00",
            "rgb": [
                165,
                10,
                0
            ]
        },
        {
            "name": "Dark Green",
            "hex": "#00350F",
            "rgb": [
                0,
                53,
                15
            ]
        },
        {
            "name": "Black",
            "hex": "#302200",
            "rgb": [
                48,
                34,
                0
            ]
        },
        {
            "name": "Aqua Marine",
            "hex": "#BBFFCE",
            "rgb": [
                187,
                255,
                206
            ]
        },
        {
            "name": "Light Blue",
            "hex": "#CFEDFF",
            "rgb": [
                207,
                237,
                255
            ]
        }
    ],
    "fonts": [
        {
            "name": "Season Serif",
            "stack": "\"Season Serif\"",
            "weights": [
                400
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Season Mix",
            "stack": "\"Season Mix\"",
            "weights": [
                400
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Apple Color Emoji",
            "stack": "ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
            "weights": [],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "Season Sans",
            "stack": "\"Season Sans\"",
            "weights": [
                400
            ],
            "source": "System font, or not loaded on this page"
        },
        {
            "name": "seasonMix",
            "stack": "seasonMix, seasonMix Fallback, serif",
            "weights": [
                400
            ],
            "source": "Self-hosted"
        },
        {
            "name": "seasonSans",
            "stack": "seasonSans, seasonSans Fallback, sans-serif",
            "weights": [
                400
            ],
            "source": "Self-hosted"
        }
    ]
}

Websites whose lead colour is closest to AKQA’s

The Pioneer Woman

thepioneerwoman.com · 4 days ago
Save
Vanta

vanta.com · 5 days ago
Save
Pantip

pantip.com · 5 days ago
Save
Radiopaedia

radiopaedia.org · 5 days ago
Save

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

AKQAstyle guide

Title &description

Logo

Favicons

Colour

Balance

Neutrals

White

Black

Near Black

Off White

Colours

Purple

Thistle

Ivory

Maroon

Light Pink

Indigo

Rebecca Purple

Dark Red

Dark Green

Black

Aqua Marine

Light Blue

Gradients

Season Serif

Type scale

Sizes in use

Elements

Grid

Notes

Questions

Tokens

Share

Run akqa.com?

Similar colours

The Pioneer Woman

Vanta

Pantip

Radiopaedia

Title &
description