Design Language: McLaren Automotive - Official Global Website

Color Palette

Brand Colors

#e5e7eb

Primary

826 uses

#181c20

Secondary

519 uses

#363f44

Accent

29 uses

Neutrals

#ffffff

334 uses

#000000

158 uses

#9da8ae

59 uses

#78838a

29 uses

#53565a

29 uses

#576269

6 uses

#d8d8d8

6 uses

#111111

3 uses

#767676

3 uses

#696969

2 uses

Full Palette

#e5e7eb

border

826 uses

#181c20

text, background, border

519 uses

#ffffff

background, text, border

334 uses

#000000

text, background

158 uses

#9da8ae

text, border

59 uses

#363f44

text, background

29 uses

#78838a

text

29 uses

#53565a

background, text, border

29 uses

#ff8000

background, border, text

24 uses

#f36d1e

background, border

8 uses

#576269

text, border

6 uses

#d8d8d8

border

6 uses

#111111

background

3 uses

#767676

background, border

3 uses

#696969

text, border

2 uses

#3860be

background, text

2 uses

#c8d0d5

border

1 uses

#32ae88

border

1 uses

#468254

background

1 uses

#bbbbbb

border

1 uses

Gradients

Typography

Font Families

Type Scale

100px The quick brown fox 300 / 100px

72px The quick brown fox 300 / 75.6px

44px The quick brown fox 300 / 52.8px

40px The quick brown fox 300 / 40px

28px The quick brown fox 300 / 38.5px

24px The quick brown fox 400 / normal

20px The quick brown fox 300 / 30px

18px The quick brown fox 400 / 31.5px

16px The quick brown fox 400 / 24px

14.4px The quick brown fox 700 / normal

14px The quick brown fox 500 / 21px

13.6px The quick brown fox 400 / 27.2px

Accessibility

WCAG Contrast Score

60 passing / 29 failing color pairs

Color Pair Analysis

McLaren Automotive - Official Global Website

Color Palette

Brand Colors

Neutrals

Full Palette

Gradients

Typography

Font Families

Type Scale

Spacing Scale

Box Shadows

Border Radii

Accessibility

Color Pair Analysis