Razorpay USA - Best Payment Solution for Online Payments & Businesses

https://razorpay.com/ 1641 elements 4/27/2026
16
Colors
7
Font Families
9
Spacing Values
2
Shadows
5
Border Radii
4
Components
53%
A11y Score

Color Palette

Brand Colors

#0000ee
Primary
902 uses
#192839
Secondary
68 uses
#305eff
Accent
37 uses

Neutrals

#000000
2132 uses
#ffffff
47 uses
#222222
4 uses
#4e5052
4 uses
#333333
2 uses

Full Palette

#000000
text, border
2132 uses
#0000ee
text, border
902 uses
#192839
text, border
68 uses
#40566d
text, border
48 uses
#ffffff
background, text, border
47 uses
#305eff
background, text, border
37 uses
#2950da
text, border
34 uses
#768ea7
text, border
10 uses
#f1f5fa
text, border
6 uses
#222222
text, border
4 uses
#4e5052
text, border
4 uses
#5ef2a8
text, border
2 uses
#8996a9
text, border
2 uses
#333333
text, border
2 uses
#072654
background
1 uses
#48d08c
background
1 uses

Typography

Font Families

sans-serif (all, 1464x)Times New Roman (body, 52x)Inter (all, 45x)TASA Orbiter Display SemiBold (all, 38x)Inter-SemiBold (body, 31x)TASA Orbiter Display Regular (all, 7x)Lato (body, 4x)

Type Scale

48px The quick brown fox 600 / 56px
32px The quick brown fox 400 / 38px
24px The quick brown fox 400 / 32px
20px The quick brown fox 400 / 26px
18px The quick brown fox 400 / 26px
16px The quick brown fox 400 / normal
14px The quick brown fox 600 / 20px
13px The quick brown fox 400 / 18px
12px The quick brown fox 400 / normal
10px The quick brown fox 400 / 14px

Spacing Scale (base: 2px)

4px
20px
24px
30px
40px
48px
60px
64px
80px

Box Shadows

sm
lg

Border Radii

2px
xs
8px
md
12px
lg
20px
xl
50px
full

Accessibility

53%
WCAG Contrast Score
20 passing / 18 failing color pairs

Color Pair Analysis

Sample
#0000ee on #305eff
1.87:1
FAIL
17x
Sample
#000000 on #072654
1.41:1
FAIL
1x
Sample
#000000 on #ffffff
21:1
AAA
15x
Sample
#000000 on #f8fafc
20.07:1
AAA
3x
Sample
#000000 on #48d08c
10.68:1
AAA
1x
Sample
#0000ee on #ffffff
9.4:1
AAA
1x