hocllabs.com – HOCL LABS Store

https://www.hocllabs.com/ 871 elements 4/28/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

97%

A11y Score

Color Palette

Brand Colors

#f5ecf2

Primary

29 uses

#4f2650

Secondary

23 uses

#f5ecf2

Accent

29 uses

Neutrals

#000000

1624 uses

#ffffff

99 uses

#5a5a5a

10 uses

#3a3a3a

8 uses

Full Palette

#000000

text, border, background

1624 uses

#ffffff

background, border, text

99 uses

#f5ecf2

background, text, border

29 uses

#4f2650

text, border, background

23 uses

#5a5a5a

text, border

10 uses

#3a3a3a

text, border

8 uses

#5b275d

background, border, text

7 uses

#260c26

text, border

2 uses

#bbadd3

background

2 uses

#3d2e1f

border

2 uses

#4a3f35

background

2 uses

#e5e7eb

border

1 uses

Gradients

Typography

Font Families

Montserrat (all, 627x)Times New Roman (body, 205x)Open Sans (all, 26x)Font-1775647571448 (all, 8x)Font-1775647515619 (headings, 2x)GTStandard-M (body, 2x)FontAwesome (body, 1x)

Type Scale

130px The quick brown fox 400 / 208px

120px The quick brown fox 400 / 192px

74px The quick brown fox 600 / 81.4px

70px The quick brown fox 700 / 70px

50px The quick brown fox 700 / 60px

48px The quick brown fox 300 / 62.4px

29px The quick brown fox 300 / 25.6px

24px The quick brown fox 400 / 36px

23px The quick brown fox 400 / 36.8px

20px The quick brown fox 600 / 26px

18px The quick brown fox 700 / 28.8px

16px The quick brown fox 400 / normal

Spacing Scale (base: 2px)

1px

20px

24px

38px

46px

50px

60px

80px

100px

109px

145px

220px

291px

Box Shadows

Border Radii

8px

12px

15px

22px

25px

full

50px

full

100px

full

Accessibility

WCAG Contrast Score

58 passing / 2 failing color pairs

hocllabs.com – HOCL LABS Store

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