Hiver: AI-powered customer service platform

https://hiverhq.com/ 4737 elements 4/28/2026
21
Colors
4
Font Families
13
Spacing Values
2
Shadows
6
Border Radii
11
Components
67%
A11y Score

Color Palette

Brand Colors

#004eeb
Primary
1997 uses
#2f3643
Secondary
316 uses
#101828
Accent
291 uses

Neutrals

#333333
4518 uses
#000000
1101 uses
#ffffff
614 uses
#101010
12 uses

Full Palette

#333333
text, border
4518 uses
#004eeb
text, border, background
1997 uses
#000000
text, border, background
1101 uses
#ffffff
background, text, border
614 uses
#2f3643
text, border
316 uses
#101828
text, border, background
291 uses
#636e81
text, border
282 uses
#eaecf0
text, border, background
134 uses
#98a2b3
text, border
110 uses
#182230
text, border
68 uses
#264eff
background, text, border
46 uses
#475467
text, border
26 uses
#dae1ff
background
25 uses
#d0d5dd
text, border
18 uses
#cc3366
border
13 uses
#f35321
text, border, background
13 uses
#101010
text, border
12 uses
#0c5755
background
11 uses
#662bf5
background
8 uses
#a5ff5a
background
4 uses

Gradients

Typography

Font Families

-apple-system (body, 2356x)Hanken Grotesk (all, 2205x)Times New Roman (body, 144x)Newsreader (all, 32x)

Type Scale

118px The quick brown fox 300 / 162px
100px The quick brown fox 400 / 100px
60px The quick brown fox 400 / 66px
48px The quick brown fox 400 / 55px
45px The quick brown fox 400 / 0px
36px The quick brown fox 400 / 41px
32px The quick brown fox 400 / 32px
30px The quick brown fox 500 / 33px
28px The quick brown fox 600 / 24px
24px The quick brown fox 500 / 30px
20px The quick brown fox 500 / 18px
18px The quick brown fox 600 / 22px

Spacing Scale (base: 2px)

2px
24px
40px
44px
60px
64px
76px
80px
88px
100px
128px
173px
243px

Box Shadows

lg
lg

Border Radii

1px
xs
4px
sm
8px
md
12px
lg
16px
lg
50px
full

Accessibility

67%
WCAG Contrast Score
104 passing / 51 failing color pairs

Color Pair Analysis

Sample
#333333 on #0c5755
1.51:1
FAIL
10x
Sample
#333333 on #662bf5
1.94:1
FAIL
8x
Sample
#333333 on #004eeb
1.98:1
FAIL
6x
Sample
#333333 on #0c111d
1.49:1
FAIL
6x
Sample
#000000 on #264eff
3.62:1
FAIL
4x
Sample
#333333 on #264eff
2.18:1
FAIL
4x
Sample
#333333 on #f35321
3.65:1
FAIL
4x
Sample
#ffffff on #a5ff5a
1.23:1
FAIL
2x
Sample
#004eeb on #030407
3.21:1
FAIL
2x
Sample
#333333 on #000000
1.66:1
FAIL
2x
Sample
#333333 on #030407
1.62:1
FAIL
2x
Sample
#ffffff on #f35321
3.46:1
FAIL
1x
Sample
#333333 on #ffffff
12.63:1
AAA
27x
Sample
#fcfcfd on #004eeb
6.23:1
AA
23x
Sample
#333333 on #dae1ff
9.74:1
AAA
23x
Sample
#333333 on #fafafa
12.1:1
AAA
12x
Sample
#636e81 on #ffffff
5.15:1
AA
4x
Sample
#333333 on #e4fbfb
11.73:1
AAA
4x
Sample
#004eeb on #dae1ff
4.92:1
AA
2x
Sample
#030407 on #a5ff5a
16.65:1
AAA
2x