Global Brand Consultancy — Wolff Olins

https://wolffolins.com/ 732 elements 5/15/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

86%

A11y Score

Color Palette

Brand Colors

#fff84b

Primary

25 uses

#3860be

Secondary

12 uses

#fff84b

Accent

25 uses

Neutrals

#000000

596 uses

#bfbfbf

589 uses

#ffffff

98 uses

#696969

52 uses

#959595

50 uses

#5e5e5e

24 uses

#555555

21 uses

#d8d8d8

4 uses

#f2f2f2

2 uses

#767676

1 uses

Full Palette

#000000

text, background, border

596 uses

#bfbfbf

border

589 uses

#ffffff

background, text

98 uses

#696969

text, border

52 uses

#959595

text, border

50 uses

#fff84b

text, background, border

25 uses

#5e5e5e

text, border

24 uses

#555555

text, border

21 uses

#3860be

text, border, background

12 uses

#d8d8d8

border

4 uses

#27455c

background

4 uses

#f2f2f2

background

2 uses

#32ae88

border

1 uses

#767676

background

1 uses

#6aaae4

background

1 uses

Typography

Font Families

Monument-Grotesk (all, 725x)Untitled-Serif (body, 5x)WO (body, 2x)

Type Scale

248.602px The quick brown fox 400 / 372.903px

64px The quick brown fox 400 / 64px

55px The quick brown fox 400 / 82.5px

48px The quick brown fox 400 / 72px

35px The quick brown fox 400 / 38.5px

30px The quick brown fox 400 / 45px

24px The quick brown fox 400 / normal

20px The quick brown fox 400 / 30px

16px The quick brown fox 400 / 24px

14.4px The quick brown fox 400 / 38px

14px The quick brown fox 400 / 21px

13.6px The quick brown fox 400 / 27.2px

Spacing Scale (base: 2px)

1px

19px

23px

35px

48px

56px

62px

80px

96px

112px

128px

Box Shadows

Border Radii

1px

17px

20px

28px

full

50px

full

100px

full

9999px

full

Accessibility

WCAG Contrast Score

32 passing / 5 failing color pairs

Global Brand Consultancy — Wolff Olins

Color Palette

Brand Colors

Neutrals

Full Palette

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis