Design Language: Hugging Face – The AI community building the future.

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

Accessibility

WCAG Contrast Score

47 passing / 7 failing color pairs

Color Pair Analysis

Hugging Face – The AI community building the future.

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