Brooklyn Kat - Brooklyn Kat

https://www.brooklynkat.com/ 451 elements 5/4/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

67%

A11y Score

Color Palette

Brand Colors

#1a7ac4

Primary

68 uses

#4dbfbf

Secondary

30 uses

#a5855e

Accent

10 uses

Neutrals

#747474

325 uses

#333333

208 uses

#ffffff

114 uses

#000000

94 uses

#cccccc

18 uses

#8b8a86

11 uses

#ebebeb

6 uses

#6a6567

2 uses

Full Palette

#747474

text, border

325 uses

#333333

text, border, background

208 uses

#ffffff

background, text, border

114 uses

#000000

text, border, background

94 uses

#1a7ac4

text, border

68 uses

#4dbfbf

text, border

30 uses

#cccccc

border

18 uses

#ffe8b8

text, border

13 uses

#8b8a86

background, text, border

11 uses

#a5855e

text, border, background

10 uses

#e6e4da

border

7 uses

#eab23a

text, border

6 uses

#ebebeb

text, border

6 uses

#fff0de

background

2 uses

#5f6948

background

2 uses

#6a6567

background

2 uses

#19aac4

border

2 uses

#526337

background

1 uses

#419eac

border

1 uses

Typography

Font Families

Root UI (all, 221x)proximanova (all, 203x)proximanovalight (all, 12x)system-ui (all, 11x)museosansbold (body, 4x)

Type Scale

60px The quick brown fox 300 / 60px

50px The quick brown fox 300 / 50px

40px The quick brown fox 300 / 40px

36px The quick brown fox 300 / 36px

34px The quick brown fox 400 / 54.4px

32px The quick brown fox 300 / 32px

30px The quick brown fox 600 / 39px

28px The quick brown fox 600 / 36.4px

22px The quick brown fox 400 / 31.4285px

20px The quick brown fox 400 / 22px

19.2px The quick brown fox 300 / 24px

18px The quick brown fox 400 / 28.8px

Spacing Scale (base: 2px)

3px

13px

25px

29px

34px

40px

47px

60px

88px

100px

200px

240px

364px

Box Shadows

Border Radii

3px

8px

50px

full

Accessibility

WCAG Contrast Score

24 passing / 12 failing color pairs

Brooklyn Kat - Brooklyn Kat

Color Palette

Brand Colors

Neutrals

Full Palette

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis