Askari Branch Planner

https://faizan-shurjeel.github.io/askari-planner/ 764 elements 4/26/2026
14
Colors
5
Font Families
4
Spacing Values
0
Shadows
8
Border Radii
5
Components
98%
A11y Score

Color Palette

Brand Colors

#e0e6ef
Primary
1060 uses
#bbdaff
Secondary
95 uses
#1d2024
Accent
48 uses

Neutrals

#a6abb5
313 uses
#424850
117 uses
#000000
28 uses
#333333
27 uses
#70767e
8 uses
#dddddd
1 uses
#ffffff
1 uses

Full Palette

#e0e6ef
text, border
1060 uses
#a6abb5
text, border, background
313 uses
#424850
background, text, border
117 uses
#bbdaff
text, border, background
95 uses
#1d2024
background
48 uses
#000000
text, border
28 uses
#333333
text, border, background
27 uses
#fbbf24
text, background, border
27 uses
#0078a8
text, border
10 uses
#70767e
text, border
8 uses
#0b0e12
background
4 uses
#1a4e78
text, border
2 uses
#dddddd
background
1 uses
#ffffff
background
1 uses

Typography

Font Families

Inter (body, 473x)Helvetica Neue (body, 162x)Material Symbols Outlined (body, 69x)Epilogue (body, 46x)Times New Roman (body, 14x)

Type Scale

22px The quick brown fox 900 / normal
20px The quick brown fox 400 / 20px
18px The quick brown fox 400 / 18px
16px The quick brown fox 400 / normal
15px The quick brown fox 900 / normal
13.3333px The quick brown fox 400 / normal
12px The quick brown fox 400 / 18px
11px The quick brown fox 500 / normal
10px The quick brown fox 700 / normal

Spacing Scale (base: 2px)

1px
14px
16px
64px

Border Radii

2px
xs
8px
md
16px
lg
20px
xl
28px
full
50px
full
999px
full
9999px
full

Accessibility

98%
WCAG Contrast Score
188 passing / 4 failing color pairs

Color Pair Analysis

Sample
#000000 on #0b0e12
1.09:1
FAIL
1x
Sample
#e0e6ef on #dddddd
1.08:1
FAIL
1x
Sample
#e0e6ef on #bbdaff
1.15:1
FAIL
1x
Sample
#e0e6ef on #a0abb5
1.86:1
FAIL
1x
Sample
#e0e6ef on #424850
7.36:1
AAA
112x
Sample
#a6abb5 on #1d2024
7.1:1
AAA
24x
Sample
#e0e6ef on #1d2024
13.03:1
AAA
24x
Sample
#e0e6ef on #2b2d31
10.99:1
AAA
23x
Sample
#e0e6ef on #0b0e12
15.41:1
AAA
3x
Sample
#333333 on #ffffff
12.63:1
AAA
1x
Sample
#1a4e78 on #bbdaff
6.06:1
AA
1x