Design Language: Linear – The system for product development

Color Palette

Brand Colors

#d0d6e0

Primary

368 uses

#f79ce0

Secondary

90 uses

#08090a

Accent

53 uses

Neutrals

#f7f8f8

6056 uses

#62666d

723 uses

#e5e5e6

295 uses

#8a8f98

269 uses

#23252a

12 uses

#323334

6 uses

#000000

6 uses

#121414

3 uses

Full Palette

#f7f8f8

text, border, background

6056 uses

#62666d

text, border, background

723 uses

#d0d6e0

text, border

368 uses

#e5e5e6

background, border, text

295 uses

#8a8f98

text, border

269 uses

#f79ce0

text, border

90 uses

#08090a

background, text, border

53 uses

#f7bf8b

text, border

44 uses

#8fa6ff

text, border

32 uses

#ffdf9f

text, border

20 uses

#83dcdc

text, border

20 uses

#00ff05

background

19 uses

#23252a

background, border

12 uses

#eb5757

background, text, border

12 uses

#27a644

background, text, border

9 uses

#323334

border, background

6 uses

#000000

background

6 uses

#ff0000

background

6 uses

#6366f1

background

5 uses

#06b6d4

background

4 uses

Gradients

Typography

Font Families

Type Scale

64px The quick brown fox 510 / 64px

40px The quick brown fox 510 / 44px

32px The quick brown fox 400 / 36px

24px The quick brown fox 400 / 31.92px

20px The quick brown fox 590 / 26.6px

18px The quick brown fox 400 / 28.8px

17px The quick brown fox 590 / 27.2px

16px The quick brown fox 400 / normal

15px The quick brown fox 400 / 24px

14px The quick brown fox 510 / 21px

13.3333px The quick brown fox 400 / normal

13px The quick brown fox 400 / 19.5px

Spacing Scale

1px

39px

47px

51px

55px

69px

79px

91px

95px

99px

111px

123px

127px

131px

135px

150px

Accessibility

WCAG Contrast Score

57 passing / 171 failing color pairs

Color Pair Analysis

Linear – The system for product development

Color Palette

Brand Colors

Neutrals

Full Palette

Gradients

Typography

Font Families

Type Scale

Spacing Scale

Box Shadows

Border Radii

Accessibility

Color Pair Analysis