AstralWhispers – Your Personal Astrology Guide

https://astralwhispers.life/ 169 elements 4/26/2026
9
Colors
2
Font Families
3
Spacing Values
3
Shadows
3
Border Radii
3
Components
93%
A11y Score

Color Palette

Brand Colors

#e5e7eb
Primary
157 uses
#111827
Secondary
26 uses
#1f2937
Accent
9 uses

Neutrals

#000000
124 uses
#ffffff
34 uses

Full Palette

#e5e7eb
border
157 uses
#000000
text, border
124 uses
#ffffff
background, text
34 uses
#111827
text
26 uses
#d1d5db
border
11 uses
#1f2937
text, background
9 uses
#2eb942
background
2 uses
#f3f4f6
background
2 uses
#facc15
background
1 uses

Gradients

Typography

Font Families

outfit (body, 167x)pfd (body, 2x)

Type Scale

48px The quick brown fox 900 / 48px
36px The quick brown fox 300 / 40px
30px The quick brown fox 400 / 36px
24px The quick brown fox 400 / 32px
20px The quick brown fox 400 / 24px
18px The quick brown fox 700 / 28px
16px The quick brown fox 400 / 24px
14px The quick brown fox 900 / 20px

Spacing Scale (base: 2px)

8px
48px
96px

Box Shadows

sm
sm
sm

Border Radii

6px
md
12px
lg
9999px
full

Accessibility

93%
WCAG Contrast Score
26 passing / 2 failing color pairs

Color Pair Analysis

Sample
#ffffff on #2eb942
2.58:1
FAIL
2x
Sample
#000000 on #ffffff
21:1
AAA
22x
Sample
#000000 on #f3f4f6
19.08:1
AAA
2x
Sample
#000000 on #facc15
13.71:1
AAA
1x
Sample
#ffffff on #1f2937
14.68:1
AAA
1x