SiRiiL

https://siriil.com/ 752 elements 4/26/2026
20
Colors
1
Font Families
17
Spacing Values
5
Shadows
2
Border Radii
5
Components
87%
A11y Score

Color Palette

Brand Colors

#004683
Primary
90 uses
#190e06
Secondary
38 uses
#011133
Accent
34 uses

Neutrals

#c8c8c8
738 uses
#ffffff
282 uses
#000000
240 uses
#b3b3b3
22 uses
#585858
18 uses
#f5f5f5
5 uses

Full Palette

#c8c8c8
border
738 uses
#ffffff
background, text, border
282 uses
#000000
text, background
240 uses
#004683
text
90 uses
#190e06
text
38 uses
#011133
background, text
34 uses
#002282
text, background
32 uses
#b3b3b3
text
22 uses
#585858
text
18 uses
#0b4dd8
text, background
7 uses
#e4e7eb
border
6 uses
#e6f1ff
background
6 uses
#f5f5f5
border, background
5 uses
#0159a6
text
4 uses
#00610c
text
4 uses
#f5060a
text
4 uses
#6a10ff
text
4 uses
#1257ea
text
4 uses
#17192b
background
4 uses
#c2cedf
background
2 uses

Gradients

Typography

Font Families

Roboto (all, 752x)

Type Scale

60px The quick brown fox 700 / 75px
48px The quick brown fox 700 / 48px
36px The quick brown fox 700 / 45px
30px The quick brown fox 700 / 37.5px
24px The quick brown fox 600 / 32px
22px The quick brown fox 600 / 33px
20px The quick brown fox 600 / 27.5px
18px The quick brown fox 400 / 28px
16px The quick brown fox 400 / 24px
14px The quick brown fox 600 / 20px
13px The quick brown fox 500 / 19.5px

Spacing Scale (base: 2px)

4px
48px
72px
80px
88px
100px
112px
120px
168px
176px
192px
200px
224px
250px
259px
320px

Box Shadows

sm
sm
sm
sm
sm

Border Radii

8px
md
14px
lg

Accessibility

87%
WCAG Contrast Score
41 passing / 6 failing color pairs

Color Pair Analysis

Sample
#010101 on #000000
1.01:1
FAIL
2x
Sample
#ffffff on #f9f9f9
1.05:1
FAIL
2x
Sample
#010101 on #011133
1.12:1
FAIL
1x
Sample
#010101 on #0b4dd8
3.05:1
FAIL
1x
Sample
#010101 on #ffffff
20.87:1
AAA
12x
Sample
#000000 on #ffffff
21:1
AAA
8x
Sample
#000000 on #e6f1ff
18.39:1
AAA
6x
Sample
#ffffff on #1e2036
15.97:1
AAA
3x
Sample
#010101 on #f4f9ff
19.72:1
AAA
2x
Sample
#010101 on #c2cedf
13.11:1
AAA
2x
Sample
#010101 on #f2f5f8
19.08:1
AAA
2x
Sample
#ffffff on #002f87
11.96:1
AAA
2x
Sample
#ffffff on #011133
18.6:1
AAA
1x
Sample
#010101 on #fcfbfb
20.21:1
AAA
1x
Sample
#010101 on #f1f7ff
19.37:1
AAA
1x
Sample
#ffffff on #17192b
17.35:1
AAA
1x