Design Language: Copycats · Extract any website's design system

Color Palette

Brand Colors

#16a34a

Primary

1 uses

#533afd

Secondary

1 uses

#16a34a

Accent

1 uses

Neutrals

#0a0a0a

242 uses

#5f5f5f

110 uses

#ffffff

93 uses

#000000

77 uses

#9b9b9b

42 uses

#ececec

29 uses

#d9d9d9

6 uses

#1d1d1f

3 uses

#444746

2 uses

#333336

1 uses

Full Palette

#0a0a0a

text, border, background

242 uses

#5f5f5f

text, border

110 uses

#ffffff

background, text, border

93 uses

#000000

text, border, background

77 uses

#9b9b9b

text, border

42 uses

#ececec

border

29 uses

#d9d9d9

border, text, background

6 uses

#1d1d1f

background

3 uses

#444746

background

2 uses

#16a34a

background

1 uses

#533afd

background

1 uses

#50617a

background

1 uses

#e8e9ff

background

1 uses

#061b31

background

1 uses

#2997ff

background

1 uses

#f5f5f7

background

1 uses

#333336

background

1 uses

#0b57d0

background

1 uses

#1a0dab

background

1 uses

#52aeff

background

1 uses

Gradients

Typography

Font Families

Type Scale

80px The quick brown fox 700 / 81.6px

38px The quick brown fox 700 / 43.7px

30px The quick brown fox 700 / 46.5px

18px The quick brown fox 400 / 27px

17px The quick brown fox 700 / 26.35px

16px The quick brown fox 400 / normal

15.5px The quick brown fox 400 / 24.8px

15px The quick brown fox 600 / 23.25px

14px The quick brown fox 400 / 21.7px

13px The quick brown fox 400 / 20.15px

12.5px The quick brown fox 400 / 19.375px

12px The quick brown fox 600 / 18.6px

Accessibility

WCAG Contrast Score

48 passing / 18 failing color pairs

Color Pair Analysis

Copycats · Extract any website's design system

Color Palette

Brand Colors

Neutrals

Full Palette

Gradients

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis