Clerk | Authentication and User Management

https://clerk.com 5000 elements 6/25/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

100%

A11y Score

Color Palette

Brand Colors

#6c47ff

Primary

5 uses

#1cc4ff

Secondary

2 uses

#5de3ff

Accent

2 uses

Neutrals

#d9d9de

4902 uses

#000000

4526 uses

#ffffff

176 uses

#131316

164 uses

#747686

137 uses

#5e5f6e

79 uses

#2f3037

39 uses

#9394a1

38 uses

#696a78

27 uses

#eeeef0

26 uses

Full Palette

#d9d9de

border, text

4902 uses

#000000

text, border, background

4526 uses

#ffffff

background, text, border

176 uses

#131316

background, text

164 uses

#747686

text, background

137 uses

#5e5f6e

text, background, border

79 uses

#2f3037

background, text

39 uses

#9394a1

text

38 uses

#696a78

text

27 uses

#eeeef0

background, border

26 uses

#212126

text, background

21 uses

#42434d

background, text

12 uses

#b7b8c2

text

8 uses

#ef4444

text, background

6 uses

#6c47ff

background, text

5 uses

#1cc4ff

background

2 uses

#5de3ff

text, background

2 uses

#9785ff

text

1 uses

#4a4c5b

background

1 uses

#0ba8fa

background

1 uses

Gradients

Typography

Font Families

geistNumbers (all, 3943x)soehneMono (body, 51x)

Type Scale

64px The quick brown fox 700 / 72px

32px The quick brown fox 600 / 40px

24px The quick brown fox 700 / 32px

18px The quick brown fox 400 / 28px

17px The quick brown fox 700 / 24px

16px The quick brown fox 400 / 24px

15px The quick brown fox 450 / 24px

14px The quick brown fox 700 / 20px

13px The quick brown fox 500 / 24px

12px The quick brown fox 600 / 24px

11px The quick brown fox 400 / 16px

10px The quick brown fox 500 / 14px

Spacing Scale (base: 2px)

1px

46px

56px

76px

94px

128px

140px

151px

158px

167px

172px

192px

220px

259px

272px

302px

Box Shadows

sm (inset)

xs (inset)

sm (inset)

lg (inset)

Border Radii

2px

5px

8px

12px

16px

38px

full

44px

full

50px

full

Accessibility

WCAG Contrast Score

3 passing / 0 failing color pairs

Clerk | Authentication and User Management

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