Design Language: Netflix India – Watch Shows Online, Watch Movies Online

Color Palette

Brand Colors

#e50914

Primary

16 uses

#3860be

Secondary

14 uses

#e50914

Accent

16 uses

Neutrals

#ffffff

1399 uses

#000000

577 uses

#373737

120 uses

#232323

28 uses

#414141

21 uses

#555555

21 uses

#2d2d2d

12 uses

#808080

5 uses

#f4f4f4

5 uses

#161616

4 uses

Full Palette

#ffffff

text, border, background

1399 uses

#000000

text, background, border

577 uses

#373737

background, text, border

120 uses

#232323

background

28 uses

#414141

background, text, border

21 uses

#555555

text, border

21 uses

#e50914

text, border, background

16 uses

#3860be

text, border, background

14 uses

#2d2d2d

background

12 uses

#808080

border, background

5 uses

#f4f4f4

background

5 uses

#161616

background

4 uses

#bbbbbb

border

3 uses

#468254

background

2 uses

#32ae88

border

1 uses

#707070

border

1 uses

#d8d8d8

border

1 uses

Gradients

Typography

Font Families

Type Scale

100px The quick brown fox 400 / normal

56px The quick brown fox 900 / 70px

24px The quick brown fox 500 / 24px

21.92px The quick brown fox 600 / 26.304px

20px The quick brown fox 500 / normal

16px The quick brown fox 400 / normal

14.4px The quick brown fox 400 / 38px

14px The quick brown fox 500 / 14px

13.6px The quick brown fox 400 / 27.2px

13.008px The quick brown fox 400 / normal

13px The quick brown fox 400 / normal

12.8px The quick brown fox 400 / normal

Spacing Scale (base: 2px)

1px

10px

12px

20px

22px

24px

27px

30px

32px

34px

64px

96px

100px

128px

148px

314px

Accessibility

WCAG Contrast Score

69 passing / 4 failing color pairs

Color Pair Analysis

Netflix India – Watch Shows Online, Watch Movies Online

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