Finsweet: Webflow Development, Design, and Product Agency

https://finsweet.com/ 3173 elements 4/26/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

94%

A11y Score

Color Palette

Brand Colors

#f2ff37

Primary

21 uses

#4169e1

Secondary

20 uses

#f2ff37

Accent

21 uses

Neutrals

#111111

2366 uses

#000000

2093 uses

#333333

730 uses

#ffffff

573 uses

#909090

459 uses

#efefef

244 uses

#808080

66 uses

#4c4c4c

38 uses

#d9d9d9

30 uses

#747474

13 uses

Full Palette

#111111

text, border, background

2366 uses

#000000

text, border, background

2093 uses

#333333

text, border, background

730 uses

#ffffff

background, text, border

573 uses

#909090

text, border

459 uses

#efefef

background, border, text

244 uses

#808080

text, border

66 uses

#4c4c4c

text, border

38 uses

#d9d9d9

border, background

30 uses

#f2ff37

background

21 uses

#4169e1

text, border

20 uses

#747474

text, border

13 uses

#c0c0c0

border

5 uses

#88ff00

background

4 uses

#1b1b1b

background, text

4 uses

#18ad3a

background

3 uses

#252525

background

3 uses

#414141

border

2 uses

#ff00cc

background

2 uses

#ffdede

background

1 uses

Gradients

Typography

Font Families

Practical Grotesk Tuned (all, 3085x)sans-serif (all, 51x)Practical Grotesk (all, 30x)Practical (all, 7x)

Type Scale

60.8025px The quick brown fox 500 / 62.6266px

54.7222px The quick brown fox 400 / 82.0834px

48.642px The quick brown fox 500 / 51.0741px

36.4815px The quick brown fox 500 / 54.7222px

30.4012px The quick brown fox 400 / 45.6019px

24.321px The quick brown fox 500 / 36.4815px

18.2407px The quick brown fox 400 / 27.3611px

15.2006px The quick brown fox 400 / 22.8009px

13.6806px The quick brown fox 400 / 20.5208px

13.6198px The quick brown fox 400 / 20.4296px

12.1605px The quick brown fox 400 / normal

10.6404px The quick brown fox 400 / 15.9607px

Spacing Scale (base: 2px)

2px

12px

14px

20px

23px

30px

36px

43px

49px

62px

76px

95px

122px

Box Shadows

xs (inset)

sm (inset)

md (inset)

Border Radii

2px

5px

8px

12px

49px

full

999px

full

1280px

full

12148px

full

Accessibility

WCAG Contrast Score

310 passing / 19 failing color pairs

Finsweet: Webflow Development, Design, and Product Agency

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