Design Language: Komal Talati — The Mastery Practice

Color Palette

Brand Colors

#faf3e4

Primary

543 uses

#c56c70

Secondary

88 uses

#2a1410

Accent

37 uses

Neutrals

#000000

60 uses

#ffffff

9 uses

Full Palette

#faf3e4

text, border, background

543 uses

#c56c70

background, border, text

88 uses

#000000

text, border

60 uses

#edd070

background, text, border

51 uses

#2a1410

background, text, border

37 uses

#c8960a

background, border, text

32 uses

#f5ead0

text, border, background

16 uses

#8a6a6a

text, border

16 uses

#8e3538

background, text, border

10 uses

#a8474b

background, text, border

10 uses

#ffffff

border

9 uses

#6a5050

text, border

6 uses

#7a5a58

text, border

2 uses

#0000ee

text, border

2 uses

#e2abae

text

2 uses

#100705

background

1 uses

Gradients

Typography

Font Families

Tenor Sans (body, 306x)Cormorant Infant (all, 51x)Arial (body, 18x)Times New Roman (body, 15x)monospace (body, 9x)

Type Scale

960px The quick brown fox 400 / 816px

74.24px The quick brown fox 300 / 92.0576px

51.2px The quick brown fox 400 / 51.2px

48.64px The quick brown fox 300 / 52.5312px

41.6px The quick brown fox 400 / normal

35.84px The quick brown fox 300 / 57.344px

35.2px The quick brown fox 400 / 35.2px

30.4px The quick brown fox 400 / normal

29.6px The quick brown fox 400 / normal

25.6px The quick brown fox 300 / 25.6px

23.2px The quick brown fox 400 / 39.44px

21.12px The quick brown fox 400 / normal

Spacing Scale (base: 2px)

1px

29px

35px

38px

45px

48px

51px

56px

64px

72px

80px

112px

160px

176px

192px

Accessibility

WCAG Contrast Score

28 passing / 55 failing color pairs

Color Pair Analysis

Komal Talati — The Mastery Practice

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