Hot Chip

https://hot-chip.planet.fans/ 252 elements 4/26/2026
9
Colors
2
Font Families
10
Spacing Values
2
Shadows
2
Border Radii
4
Components
69%
A11y Score

Color Palette

Brand Colors

#1fc4c4
Primary
16 uses
#2a7dac
Secondary
2 uses
#2a7dac
Accent
2 uses

Neutrals

#000000
245 uses
#252525
213 uses
#ffffff
32 uses
#eeeeee
3 uses
#aaaaaa
3 uses
#d8d8d8
2 uses
#333333
1 uses

Full Palette

#000000
text, border
245 uses
#252525
text, border, background
213 uses
#ffffff
background, text, border
32 uses
#1fc4c4
text, border
16 uses
#eeeeee
background, text
3 uses
#aaaaaa
text, border, background
3 uses
#d8d8d8
background
2 uses
#2a7dac
background
2 uses
#333333
background
1 uses

Gradients

Typography

Font Families

Inter (all, 218x)Arial (body, 34x)

Type Scale

24px The quick brown fox 700 / 30px
18px The quick brown fox 400 / 24px
16px The quick brown fox 400 / normal
13.3333px The quick brown fox 400 / normal
13px The quick brown fox 400 / 20px

Spacing Scale (base: 2px)

3px
12px
20px
24px
32px
48px
50px
64px
72px
100px

Box Shadows

md
lg

Border Radii

4px
sm
18px
xl

Accessibility

69%
WCAG Contrast Score
9 passing / 4 failing color pairs

Color Pair Analysis

Sample
#000000 on #252525
1.37:1
FAIL
2x
Sample
#1fc4c4 on #eeeeee
1.86:1
FAIL
1x
Sample
#252525 on #333333
1.21:1
FAIL
1x
Sample
#252525 on #ffffff
15.33:1
AAA
2x
Sample
#252525 on #d8d8d8
10.75:1
AAA
2x
Sample
#000000 on #2a7dac
4.63:1
AA
2x
Sample
#252525 on #eeeeee
13.21:1
AAA
1x
Sample
#252525 on #aaaaaa
6.6:1
AAA
1x
Sample
#000000 on #ffffff
21:1
AAA
1x