Design Language: Alto Pharmacy

Color Palette

Brand Colors

#0000ee

Primary

216 uses

#0b4a72

Secondary

176 uses

#fffaf4

Accent

48 uses

Neutrals

#000000

1002 uses

#63696e

64 uses

#515461

33 uses

#2e3133

16 uses

#d8d8d8

5 uses

#767676

3 uses

#bbbbbb

1 uses

Full Palette

#000000

text, border, background

1002 uses

#0000ee

text, border

216 uses

#0b4a72

text, border, background

176 uses

#63696e

text, border

64 uses

#fffaf4

background, text, border

48 uses

#515461

text, border

33 uses

#868aa2

text, border

18 uses

#2e3133

text, border

16 uses

#445777

text, border

14 uses

#27455c

background

8 uses

#d8d8d8

border

5 uses

#3860be

text, border, background

4 uses

#767676

background

3 uses

#faf2e8

background

2 uses

#ebf0f5

background

2 uses

#005ce6

text, border

2 uses

#f1f6d1

background

1 uses

#32ae88

border

1 uses

#bbbbbb

border

1 uses

Gradients

Typography

Font Families

sans-serif (all, 633x)Copernicus Book Regular (all, 65x)Inter (body, 41x)Times New Roman (body, 40x)

Type Scale

65px The quick brown fox 400 / 72px

47px The quick brown fox 400 / 57.1px

27px The quick brown fox 400 / 35.1px

24px The quick brown fox 400 / normal

23px The quick brown fox 400 / 30px

22px The quick brown fox 400 / 33px

21px The quick brown fox 400 / 25.2px

19.2px The quick brown fox 600 / 24.96px

18px The quick brown fox 400 / 21.6px

17px The quick brown fox 400 / 27.2px

16px The quick brown fox 400 / normal

15px The quick brown fox 400 / 18px

Spacing Scale (base: 2px)

1px

23px

35px

38px

44px

48px

55px

58px

65px

70px

75px

80px

100px

122px

130px

362px

Accessibility

WCAG Contrast Score

39 passing / 20 failing color pairs

Color Pair Analysis

Alto Pharmacy

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