Resend · Email for developers

https://resend.com 2915 elements 6/25/2026
28
Colors
6
Font Families
14
Spacing Values
4
Shadows
5
Border Radii
10
Components
100%
A11y Score

Color Palette

Brand Colors

#d6ebfd
Primary
121 uses
#00a3ff
Secondary
1 uses
#44ffa4
Accent
78 uses

Neutrals

#f0f0f0
2604 uses
#a1a4a5
1171 uses
#ffffff
765 uses
#f1f7fe
504 uses
#464a4d
168 uses
#6c6c6c
132 uses
#000000
60 uses
#e5edfd
31 uses
#70757e
16 uses
#262a2d
2 uses

Full Palette

#f0f0f0
text, border, background
2604 uses
#a1a4a5
text, border
1171 uses
#ffffff
text, border, background
765 uses
#f1f7fe
text, border
504 uses
#464a4d
text, border
168 uses
#6c6c6c
text, border
132 uses
#d6ebfd
border, background
121 uses
#44ffa4
text, border, background
78 uses
#000000
background, text, border
60 uses
#e5edfd
text, border
31 uses
#ffc446
text, border
30 uses
#70757e
text, border
16 uses
#ff9592
text, border
9 uses
#3b9eff
text, border
8 uses
#baa7ff
text, border
5 uses
#70b8ff
text, border
5 uses
#ffca16
text, border
5 uses
#22ff99
background
2 uses
#262a2d
border
2 uses
#0b0e14
background
1 uses

Gradients

Typography

Font Families

inter (body, 2021x)commitMono (body, 814x)aBCFavorit (all, 31x)Helvetica (all, 25x)domaine (headings, 4x)Arial (body, 3x)

Type Scale

96px The quick brown fox 400 / 96px
76.8px The quick brown fox 400 / 76.8px
56px The quick brown fox 400 / 67.2px
24px The quick brown fox 400 / 33.6px
20px The quick brown fox 400 / 26px
18px The quick brown fox 400 / 27px
16px The quick brown fox 400 / 24px
14px The quick brown fox 500 / 20px
12px The quick brown fox 400 / 16px

Spacing Scale (base: 2px)

1px
20px
24px
28px
40px
48px
62px
80px
96px
104px
144px
150px
221px
380px

Box Shadows

sm
sm
sm
sm (inset)

Border Radii

4px
sm
8px
md
12px
lg
16px
lg
24px
xl

Accessibility

100%
WCAG Contrast Score
1 passing / 0 failing color pairs

Color Pair Analysis

Sample
#f0f0f0 on #0b0e14
16.95:1
AAA
1x