Garvit Sharma | Full-Stack Developer · Apps & Web Products

https://thecoolestportfolio.site/#about 1002 elements 5/2/2026
25
Colors
11
Font Families
20
Spacing Values
25
Shadows
10
Border Radii
11
Components
49%
A11y Score

Color Palette

Brand Colors

#0b120e
Primary
175 uses
#f1eade
Secondary
117 uses
#3b82f6
Accent
12 uses

Neutrals

#ffffff
815 uses
#f0f0f0
724 uses
#000000
116 uses
#4a4a4a
14 uses
#5c5c5c
2 uses
#d7dbd4
2 uses
#181818
2 uses
#7d9488
1 uses
#6e726e
1 uses

Full Palette

#ffffff
background, border, text
815 uses
#f0f0f0
text, border, background
724 uses
#0b120e
text, border, background
175 uses
#f1eade
text, border
117 uses
#000000
background, text, border
116 uses
#8cd782
text, border
16 uses
#4a4a4a
text, border
14 uses
#3b82f6
background, text, border
12 uses
#b482ff
text, border, background
11 uses
#c5d4cb
background
4 uses
#7846ff
background, border
2 uses
#5c5c5c
background
2 uses
#d7dbd4
background
2 uses
#181818
text, border
2 uses
#8ea4c8
background
1 uses
#7ea7a2
background
1 uses
#9d7888
background
1 uses
#8d8db6
background
1 uses
#7d9488
background
1 uses
#ff5f57
background
1 uses

Gradients

Typography

Font Families

Segoe UI (all, 408x)Consolas (body, 269x)Satoshi (all, 140x)Helvetica Neue (all, 63x)Trebuchet MS (all, 41x)Font Awesome 6 Free (body, 33x)Times New Roman (body, 31x)Font Awesome 6 Brands (body, 7x)sans-serif (all, 5x)Teko (all, 3x)Space Mono (body, 2x)

Type Scale

281.6px The quick brown fox 900 / 281.6px
230.4px The quick brown fox 900 / 345.6px
140.8px The quick brown fox 700 / 126.72px
124.8px The quick brown fox 700 / 117.312px
115.2px The quick brown fox 800 / 172.8px
102.4px The quick brown fox 800 / 153.6px
96px The quick brown fox 700 / 96px
76.8px The quick brown fox 500 / 84.48px
70.4px The quick brown fox 900 / 70.4px
54px The quick brown fox 700 / 62.1px
44.8px The quick brown fox 700 / 44.8px
35.84px The quick brown fox 700 / 34.4064px

Spacing Scale (base: 2px)

1px
32px
48px
51px
56px
60px
64px
68px
77px
80px
96px
108px
112px
120px
180px
192px

Box Shadows

sm (inset)
sm (inset)
sm (inset)
sm (inset)
sm
sm (inset)
sm (inset)
sm (inset)
xs (inset)
xs (inset)
xs (inset)
md
lg (inset)
lg (inset)
lg
lg (inset)
xl (inset)
xl (inset)
xl
xl (inset)
xl (inset)
xl (inset)
xl (inset)
xl (inset)
xl

Border Radii

3px
sm
6px
md
10px
md
16px
lg
20px
xl
26px
full
50px
full
99px
full
999px
full
1280px
full

Accessibility

49%
WCAG Contrast Score
59 passing / 61 failing color pairs

Color Pair Analysis

Sample
#f0f0f0 on #ffffff
1.14:1
FAIL
28x
Sample
#f1eade on #ffffff
1.2:1
FAIL
12x
Sample
#f0f0f0 on #3b82f6
3.23:1
FAIL
6x
Sample
#0a0a0a on #000000
1.06:1
FAIL
5x
Sample
#f0f0f0 on #c5d4cb
1.35:1
FAIL
2x
Sample
#f0f0f0 on #ff5f57
2.62:1
FAIL
1x
Sample
#f0f0f0 on #ffbd2e
1.47:1
FAIL
1x
Sample
#f0f0f0 on #28c840
1.95:1
FAIL
1x
Sample
#ffffff on #b482ff
2.77:1
FAIL
1x
Sample
#f0f0f0 on #7846ff
4.47:1
FAIL
1x
Sample
#f1eade on #c5d4cb
1.29:1
FAIL
1x
Sample
#ebebeb on #c5d4cb
1.29:1
FAIL
1x
Sample
#f0f0f0 on #f7f8f5
1.07:1
FAIL
1x
Sample
#f0f0f0 on #111111
16.57:1
AAA
8x
Sample
#ffffff on #050505
20.38:1
AAA
8x
Sample
#f0f0f0 on #000000
18.43:1
AAA
6x
Sample
#ebebeb on #08080c
16.77:1
AAA
5x
Sample
#ebebeb on #111111
15.84:1
AAA
5x
Sample
#ffffff on #111111
18.88:1
AAA
4x
Sample
#ffffff on #0a0c10
19.57:1
AAA
4x