Design Language: Dutchie Cannabis Retail Dispensary POS Ecom Loyalty Software

Color Palette

Brand Colors

#062f22

Primary

595 uses

#f1e8d6

Secondary

211 uses

#fff8e9

Accent

59 uses

Neutrals

#171a1c

1396 uses

#464f53

700 uses

#333333

694 uses

#000000

116 uses

#ffffff

111 uses

#63625f

102 uses

#c9cdcf

32 uses

#dddddd

15 uses

#828a8f

14 uses

#484540

4 uses

Full Palette

#171a1c

text, border, background

1396 uses

#464f53

text, border

700 uses

#333333

text, border

694 uses

#062f22

background, border, text

595 uses

#f1e8d6

background, border, text

211 uses

#000000

text, border, background

116 uses

#ffffff

text, border, background

111 uses

#63625f

text, border

102 uses

#fff8e9

background, text, border

59 uses

#6ab448

text, border, background

45 uses

#c9cdcf

text, border

32 uses

#506d64

text, border

24 uses

#ffc02a

background, text, border

17 uses

#c0b9ab

text, border

16 uses

#dddddd

background

15 uses

#828a8f

text, border

14 uses

#02120d

background, text, border

11 uses

#005943

background, text, border

11 uses

#549439

text, border

10 uses

#484540

text, border

4 uses

Gradients

Typography

Font Families

Type Scale

72px The quick brown fox 900 / 64.8px

52px The quick brown fox 500 / 57.2px

48px The quick brown fox 400 / 72px

40px The quick brown fox 700 / 48px

32px The quick brown fox 400 / 22.4px

31px The quick brown fox 700 / 34.1px

28px The quick brown fox 700 / 32.2px

24px The quick brown fox 400 / 22.4px

20px The quick brown fox 700 / 28px

19.2px The quick brown fox 600 / 22.4px

18.4px The quick brown fox 600 / 27.6px

18px The quick brown fox 500 / 22.4px

Spacing Scale (base: 2px)

1px

24px

27px

40px

46px

55px

60px

64px

70px

80px

155px

159px

192px

221px

318px

Accessibility

WCAG Contrast Score

120 passing / 26 failing color pairs

Color Pair Analysis

Dutchie Cannabis Retail Dispensary POS Ecom Loyalty Software

Color Palette

Brand Colors

Neutrals

Full Palette

Gradients

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis