https://faizan-shurjeel.github.io/askari-planner/
764 elements
4/26/2026
Color Palette
Brand Colors
#e0e6ef
Primary
1060 uses
#bbdaff
Secondary
95 uses
Neutrals
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)
Border Radii
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