Online Fruits and Vegetable | Online Grocery | Fresh Basket

https://freshbasket.com.pk/?srsltid=AfmBOoqsEZZ_ihiw23T9rVny9CZ0GjtavbNT9L9Q2lRbcgvjUJfKBrAt 5000 elements 5/13/2026
17
Colors
6
Font Families
10
Spacing Values
3
Shadows
9
Border Radii
10
Components
95%
A11y Score

Color Palette

Brand Colors

#3e872a
Primary
5403 uses
#071c1f
Secondary
3300 uses
#bbea70
Accent
147 uses

Neutrals

#000000
409 uses
#363636
152 uses
#ffffff
131 uses
#f4f3f3
126 uses
#a3a3a3
74 uses
#131313
66 uses
#808080
36 uses
#e5e5e5
11 uses
#1e1e1e
6 uses

Full Palette

#3e872a
background, text, border
5403 uses
#071c1f
text, border, background
3300 uses
#000000
text, border, background
409 uses
#173c2a
text, border
250 uses
#ffc107
text, border
216 uses
#363636
text, border
152 uses
#bbea70
background
147 uses
#ffffff
background, text, border
131 uses
#f4f3f3
border, background, text
126 uses
#a3a3a3
text, border
74 uses
#131313
text, border
66 uses
#808080
text, border
36 uses
#ff7e07
background, text, border
31 uses
#31b349
text, border, background
16 uses
#e5e5e5
border
11 uses
#1e1e1e
background, text, border
6 uses
#15bf15
background
2 uses

Typography

Font Families

Manrope (all, 4226x)Open Sans (body, 488x)Font Awesome 5 Free (body, 264x)icomoon (body, 11x)Nunito (body, 8x)Font Awesome 5 Brands (body, 3x)

Type Scale

30px The quick brown fox 600 / 54px
28px The quick brown fox 800 / 38px
22px The quick brown fox 700 / 39.6px
20px The quick brown fox 400 / normal
18px The quick brown fox 700 / 48px
17px The quick brown fox 800 / 34px
16px The quick brown fox 400 / 18.4px
15px The quick brown fox 700 / 45px
14px The quick brown fox 500 / normal
13px The quick brown fox 600 / 23px
12px The quick brown fox 700 / 15.6px
11px The quick brown fox 700 / normal

Spacing Scale (base: 2px)

1px
10px
13px
15px
20px
24px
30px
40px
50px
58px

Box Shadows

sm
md
lg

Border Radii

4px
sm
10px
md
13px
lg
20px
xl
30px
full
35px
full
50px
full
90px
full
100px
full

Accessibility

95%
WCAG Contrast Score
361 passing / 18 failing color pairs

Color Pair Analysis

Sample
#ffffff on #31b349
2.74:1
FAIL
13x
Sample
#071c1f on #1e1e1e
1.05:1
FAIL
1x
Sample
#f4f6f6 on #3e872a
4.12:1
FAIL
1x
Sample
#ffffff on #ff7e07
2.55:1
FAIL
1x
Sample
#071c1f on #000000
1.19:1
FAIL
1x
Sample
#ffffff on #15bf15
2.47:1
FAIL
1x
Sample
#3e872a on #bbea70
3.21:1
AA
146x
Sample
#071c1f on #ffffff
17.57:1
AAA
92x
Sample
#3e872a on #f0f4ea
4:1
AA
73x
Sample
#071c1f on #f2f6f7
16.15:1
AAA
27x
Sample
#071c1f on #f4f3f3
15.87:1
AAA
11x
Sample
#173c2a on #ffffff
12.24:1
AAA
4x
Sample
#000000 on #ffffff
21:1
AAA
3x
Sample
#071c1f on #15bf15
7.11:1
AAA
1x
Sample
#071c1f on #bbea70
12.65:1
AAA
1x
Sample
#071c1f on #f6f6f0
16.2:1
AAA
1x
Sample
#ffffff on #071c1f
17.57:1
AAA
1x
Sample
#071c1f on #31b349
6.42:1
AA
1x