Ethereum - The complete guide from Ethereum.org

https://ethereum.org/ 1027 elements 5/1/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

75%

A11y Score

Color Palette

Brand Colors

#6c24e0

Primary

148 uses

#0f9972

Secondary

9 uses

#0f9972

Accent

9 uses

Neutrals

#cfcfcf

1003 uses

#121212

551 uses

#616161

142 uses

#000000

94 uses

#ffffff

83 uses

#8c8c8c

18 uses

Full Palette

#cfcfcf

border, background

1003 uses

#121212

text, border

551 uses

#6c24e0

background, text, border

148 uses

#616161

text, border

142 uses

#000000

text, background

94 uses

#ffffff

background, text

83 uses

#8c8c8c

border, text

18 uses

#0f9972

text, background

9 uses

#41128c

text, background

8 uses

#3d4ceb

text, background

6 uses

#16a249

text

3 uses

#ece0ff

background

2 uses

#9357f4

background

1 uses

#e6efff

background

1 uses

#e8fcf7

background

1 uses

Gradients

Typography

Font Families

Inter (all, 1023x)IBM Plex Mono (body, 4x)

Type Scale

64px The quick brown fox 900 / 57.6px

60px The quick brown fox 900 / 72px

48px The quick brown fox 700 / 57.6px

36px The quick brown fox 700 / 43.2px

35px The quick brown fox 400 / 56px

30px The quick brown fox 400 / 39px

24px The quick brown fox 400 / 31.2px

20px The quick brown fox 400 / 28px

18px The quick brown fox 400 / 28.8px

16px The quick brown fox 400 / 24px

14px The quick brown fox 400 / 22.4px

12px The quick brown fox 400 / 19.2px

Spacing Scale (base: 2px)

2px

40px

48px

64px

80px

96px

128px

Box Shadows

Border Radii

3px

8px

16px

24px

32px

full

50px

full

Accessibility

WCAG Contrast Score

36 passing / 12 failing color pairs

Ethereum - The complete guide from Ethereum.org

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