Home - Togepe

https://togepe.com/ 465 elements 4/26/2026
13
Colors
4
Font Families
9
Spacing Values
0
Shadows
4
Border Radii
9
Components
82%
A11y Score

Color Palette

Brand Colors

#cc3366
Primary
44 uses
#0e5553
Secondary
2 uses
#29fffb
Accent
1 uses

Neutrals

#333333
496 uses
#ffffff
158 uses
#000000
156 uses
#69727d
83 uses
#0b0b0b
1 uses
#a7a7a7
1 uses

Full Palette

#333333
text, border
496 uses
#ffffff
text, border, background
158 uses
#000000
text, border, background
156 uses
#69727d
text, border
83 uses
#cc3366
text, border
44 uses
#0e5553
text, border
2 uses
#55440e
text, border
2 uses
#0b0b0b
background
1 uses
#29fffb
background
1 uses
#22bab7
border
1 uses
#ffcd29
background
1 uses
#ba9622
border
1 uses
#a7a7a7
border
1 uses

Typography

Font Families

-apple-system (all, 358x)Times New Roman (body, 53x)Inter (all, 47x)Merge One (headings, 7x)

Type Scale

90px The quick brown fox 400 / 90px
73px The quick brown fox 400 / 73px
60px The quick brown fox 400 / 60px
50px The quick brown fox 400 / 50px
28px The quick brown fox 700 / 28px
22px The quick brown fox 400 / 22px
20px The quick brown fox 400 / 20px
18px The quick brown fox 500 / 21.6px
17px The quick brown fox 400 / 17px
16px The quick brown fox 400 / 18.4px
15px The quick brown fox 400 / 15px
0px The quick brown fox 400 / 0px

Spacing Scale (base: 2px)

3px
30px
40px
50px
64px
70px
80px
100px
238px

Border Radii

20px
xl
30px
full
40px
full
50px
full

Accessibility

82%
WCAG Contrast Score
14 passing / 3 failing color pairs

Color Pair Analysis

Sample
#333333 on #000000
1.66:1
FAIL
2x
Sample
#333333 on #0b0b0b
1.56:1
FAIL
1x
Sample
#333333 on #ffffff
12.63:1
AAA
8x
Sample
#000000 on #ffffff
21:1
AAA
2x
Sample
#69727d on #ffffff
4.88:1
AAA
2x
Sample
#333333 on #29fffb
10.1:1
AAA
1x
Sample
#333333 on #ffcd29
8.43:1
AAA
1x