Hugging Face – The AI community building the future.

https://huggingface.co/ 1015 elements 5/20/2026
21
Colors
2
Font Families
8
Spacing Values
4
Shadows
7
Border Radii
6
Components
87%
A11y Score

Color Palette

Brand Colors

#c8ccd4
Primary
978 uses
#515b6d
Secondary
167 uses
#0b0f19
Accent
76 uses

Neutrals

#000000
505 uses
#ffffff
216 uses

Full Palette

#c8ccd4
border, text, background
978 uses
#000000
text, background, border
505 uses
#ffffff
background, text, border
216 uses
#515b6d
text
167 uses
#0b0f19
background, border, text
76 uses
#e4e7eb
background, border, text
61 uses
#252b39
text
44 uses
#a2aab6
text
37 uses
#021cf7
text, background
6 uses
#fc5200
text, background
2 uses
#ff2400
background
2 uses
#4515ff
background
2 uses
#0636ff
background
2 uses
#f5060a
background
2 uses
#030b7b
text
1 uses
#4e0b00
text
1 uses
#5d0012
text
1 uses
#f2f4f7
background
1 uses
#1f1dff
background
1 uses
#349e00
background
1 uses

Gradients

Typography

Font Families

Source Sans Pro (all, 981x)IBM Plex Mono (all, 34x)

Type Scale

96px The quick brown fox 400 / 96px
60px The quick brown fox 400 / 60px
48px The quick brown fox 700 / 48px
30px The quick brown fox 400 / 36px
24px The quick brown fox 600 / 32px
20px The quick brown fox 400 / 28px
18px The quick brown fox 700 / 28px
16px The quick brown fox 400 / 24px
15.04px The quick brown fox 400 / 20px
14px The quick brown fox 400 / 20px
13.4px The quick brown fox 400 / 18.4px
12px The quick brown fox 400 / 16px

Spacing Scale (base: 2px)

1px
56px
64px
73px
80px
96px
112px
128px

Box Shadows

sm (inset)
sm
sm
sm

Border Radii

4px
sm
8px
md
12px
lg
16px
lg
25px
full
32px
full
50px
full

Accessibility

87%
WCAG Contrast Score
47 passing / 7 failing color pairs

Color Pair Analysis

Sample
#000000 on #0b0f19
1.1:1
FAIL
2x
Sample
#000000 on #4515ff
2.8:1
FAIL
2x
Sample
#000000 on #0636ff
2.98:1
FAIL
2x
Sample
#000000 on #1f1dff
2.68:1
FAIL
1x
Sample
#000000 on #ffffff
21:1
AAA
32x
Sample
#ffffff on #010205
20.75:1
AAA
2x
Sample
#ffffff on #000000
21:1
AAA
2x
Sample
#000000 on #ff2400
5.5:1
AAA
2x
Sample
#000000 on #f5060a
4.91:1
AAA
2x
Sample
#000000 on #e4e7eb
16.93:1
AAA
1x
Sample
#000000 on #f2f4f7
19.06:1
AAA
1x
Sample
#010205 on #c8ccd4
12.89:1
AAA
1x
Sample
#000000 on #349e00
6.04:1
AAA
1x
Sample
#000000 on #fc5200
6.35:1
AAA
1x
Sample
#000000 on #ec0853
4.73:1
AAA
1x
Sample
#252b39 on #ffffff
14.16:1
AAA
1x