CodeHype | Learn AI skills that matter

https://codehype.ai/ 949 elements 5/6/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

85%

A11y Score

Color Palette

Brand Colors

#f59e0b

Primary

200 uses

#ff5733

Secondary

17 uses

#ff5733

Accent

17 uses

Neutrals

#e5e5e5

937 uses

#3d3f43

455 uses

#000000

125 uses

#ffffff

97 uses

#5c5f63

39 uses

#737373

36 uses

#f5f5f5

30 uses

#0a0a0a

23 uses

#1f2123

14 uses

#141414

9 uses

Full Palette

#e5e5e5

border

937 uses

#3d3f43

text, border

455 uses

#f59e0b

text

200 uses

#000000

text, border, background

125 uses

#ffffff

background, text

97 uses

#5c5f63

text

39 uses

#737373

text

36 uses

#f5f5f5

background

30 uses

#0a0a0a

text

23 uses

#ff5733

background, text, border

17 uses

#1f2123

text, background

14 uses

#141414

text

9 uses

#d4d4d4

border

6 uses

Gradients

Typography

Font Families

__jetbrainsMono_db8ee8 (body, 845x)__spaceGrotesk_605ab6 (all, 104x)

Type Scale

56px The quick brown fox 500 / 59.36px

40px The quick brown fox 700 / 40px

38px The quick brown fox 500 / 41.04px

36px The quick brown fox 500 / 41.4px

34px The quick brown fox 500 / 36px

32px The quick brown fox 500 / 40px

30px The quick brown fox 500 / 36px

20px The quick brown fox 500 / 28px

17px The quick brown fox 400 / 24px

16px The quick brown fox 400 / 24px

15px The quick brown fox 400 / 24.375px

14px The quick brown fox 500 / 20px

Spacing Scale (base: 2px)

2px

40px

56px

64px

96px

122px

182px

256px

312px

Box Shadows

Border Radii

4px

8px

12px

22px

9999px

full

Accessibility

WCAG Contrast Score

90 passing / 16 failing color pairs

CodeHype | Learn AI skills that matter

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