DesignXchange — Human-Centered Design & Development Studio

https://www.designxchange.io/ 806 elements 4/26/2026
8
Colors
2
Font Families
4
Spacing Values
2
Shadows
1
Border Radii
7
Components
55%
A11y Score

Color Palette

Brand Colors

#e5e7eb
Primary
719 uses
#0b0f1f
Secondary
453 uses
#22c55e
Accent
5 uses

Neutrals

#ffffff
82 uses
#000000
13 uses

Full Palette

#e5e7eb
border
719 uses
#0b0f1f
text, border, background
453 uses
#e8eeff
text
220 uses
#0032c7
background, text, border
147 uses
#ffffff
background, text, border
82 uses
#d0d5e0
border
67 uses
#000000
text
13 uses
#22c55e
background
5 uses

Gradients

Typography

Font Families

Inter (all, 534x)JetBrains Mono (all, 272x)

Type Scale

96px The quick brown fox 900 / 96px
72px The quick brown fox 900 / 72px
60px The quick brown fox 900 / 60px
48px The quick brown fox 900 / 48px
30px The quick brown fox 900 / 36px
24px The quick brown fox 900 / 32px
20px The quick brown fox 900 / 28px
18px The quick brown fox 400 / 27px
16px The quick brown fox 400 / 24px
14px The quick brown fox 700 / 20px
12px The quick brown fox 800 / 18px
11px The quick brown fox 800 / 16.5px

Spacing Scale (base: 2px)

6px
80px
96px
120px

Box Shadows

sm
sm

Border Radii

9999px
full

Accessibility

55%
WCAG Contrast Score
51 passing / 42 failing color pairs

Color Pair Analysis

Sample
#0b0f1f on #0032c7
2.07:1
FAIL
42x
Sample
#0b0f1f on #ffffff
19.05:1
AAA
28x
Sample
#0b0f1f on #f8f9fc
18.1:1
AAA
10x
Sample
#ffffff on #0032c7
9.21:1
AAA
5x
Sample
#0b0f1f on #22c55e
8.36:1
AAA
5x
Sample
#ffffff on #0b0f1f
19.05:1
AAA
3x