Design Language: Duolingo - The world’s most popular way to learn

#3c3c3c

7859 uses

#777777

268 uses

#000000

214 uses

#4b4b4b

34 uses

#afafaf

14 uses

#ffffff

9 uses

#e5e5e5

1 uses

#808080

1 uses

#c1c1c1

1 uses

Full Palette

#3c3c3c

text, border

7859 uses

#777777

text, border

268 uses

#000000

text, border, background

214 uses

#a5ed6e

text, border

129 uses

#4b4b4b

text, border

34 uses

#58cc02

text, border, background

24 uses

#afafaf

text, border

14 uses

#1cb0f6

text, border

14 uses

#d7ffb8

text, border

14 uses

#ffffff

background, text, border

9 uses

#0000ee

text, border

4 uses

#000437

text, border

3 uses

#042c60

text, border

2 uses

#e5e5e5

border

1 uses

#ddf4ff

background

1 uses

#100f3e

background

1 uses

#808080

text

1 uses

#c1c1c1

border

1 uses

Typography

Font Families

Type Scale

64px The quick brown fox 700 / normal

48px The quick brown fox 700 / normal

32px The quick brown fox 700 / normal

19px The quick brown fox 700 / 26.6px

17px The quick brown fox 500 / 20px

16px The quick brown fox 400 / 18.4px

15px The quick brown fox 700 / 17.25px

14px The quick brown fox 700 / 17px

13px The quick brown fox 700 / 16px

Duolingo - The world’s most popular way to learn

Color Palette

Brand Colors

Neutrals

Full Palette

Typography

Font Families

Type Scale

Spacing Scale (base: 4px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis