Design Language: Online Fruits and Vegetable | Online Grocery

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

Accessibility

WCAG Contrast Score

361 passing / 18 failing color pairs

Color Pair Analysis

Online Fruits and Vegetable | Online Grocery | Fresh Basket

Color Palette

Brand Colors

Neutrals

Full Palette

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis