Superside: Your creative team’s creative team™

https://www.superside.com/ 3845 elements 5/1/2026
9
Colors
3
Font Families
9
Spacing Values
0
Shadows
4
Border Radii
5
Components
72%
A11y Score

Color Palette

Brand Colors

#0a211f
Primary
4447 uses
#f7f9f2
Secondary
2815 uses
#eef3e4
Accent
21 uses

Neutrals

#000000
294 uses
#292423
1 uses

Full Palette

#0a211f
text, border, background
4447 uses
#f7f9f2
background, text, border
2815 uses
#000000
text, border, background
294 uses
#8dfdba
text, border
104 uses
#ff9595
text, border
52 uses
#eef3e4
background, text, border
21 uses
#d8ff85
text, border, background
20 uses
#2a4e45
background
3 uses
#292423
background
1 uses

Gradients

Typography

Font Families

Inter Tight (all, 3746x)Instrument Serif (all, 65x)Times New Roman (all, 34x)

Type Scale

100px The quick brown fox 400 / 100px
96px The quick brown fox 400 / 96px
76px The quick brown fox 400 / 80px
72px The quick brown fox 400 / 80px
64px The quick brown fox 400 / 72px
60px The quick brown fox 400 / 72px
52px The quick brown fox 400 / 56px
48px The quick brown fox 400 / 56px
36px The quick brown fox 400 / 40px
32px The quick brown fox 400 / 40px
28px The quick brown fox 400 / 36px
24px The quick brown fox 400 / 28px

Spacing Scale (base: 2px)

4px
76px
128px
160px
188px
208px
258px
389px
496px

Border Radii

4px
sm
10px
md
20px
xl
999px
full

Accessibility

72%
WCAG Contrast Score
43 passing / 17 failing color pairs

Color Pair Analysis

Sample
#0a211f on #010403
1.23:1
FAIL
6x
Sample
#f7f9f2 on #edf2e2
1.08:1
FAIL
5x
Sample
#0a211f on #000000
1.25:1
FAIL
4x
Sample
#f7f9f2 on #d8ff85
1.07:1
FAIL
2x
Sample
#f7f9f2 on #0a211f
15.83:1
AAA
17x
Sample
#0a211f on #f7f9f2
15.83:1
AAA
8x
Sample
#0a211f on #d8ff85
14.85:1
AAA
6x
Sample
#f7f9f2 on #000000
19.79:1
AAA
4x
Sample
#8dfdba on #2a4e45
7.43:1
AAA
3x
Sample
#d8ff85 on #12211d
14.72:1
AAA
2x
Sample
#0a211f on #eef3e4
14.86:1
AAA
2x
Sample
#ff9595 on #292423
7.28:1
AAA
1x