Render | The cloud for builders

https://render.com 2686 elements 6/25/2026
30
Colors
4
Font Families
20
Spacing Values
1
Shadows
3
Border Radii
6
Components
100%
A11y Score

Color Palette

Brand Colors

#8a05ff
Primary
58 uses
#e7dbff
Secondary
36 uses
#e0f4ff
Accent
4 uses

Neutrals

#e3e3e3
2677 uses
#0d0d0d
1977 uses
#ffffff
316 uses
#000000
254 uses
#6b6b6b
47 uses
#4d4d4d
40 uses
#fce9ea
2 uses
#272727
2 uses
#8f8f8f
1 uses
#f4f0ff
1 uses

Full Palette

#e3e3e3
border, background
2677 uses
#0d0d0d
text, background, border
1977 uses
#ffffff
background, text
316 uses
#000000
text, border, background
254 uses
#8a05ff
background, text
58 uses
#6b6b6b
text
47 uses
#4d4d4d
text
40 uses
#e7dbff
background
36 uses
#33acff
text
19 uses
#006d4c
text
13 uses
#d67f2e
text
12 uses
#f347ff
text
9 uses
#e96770
text
7 uses
#48008c
text
5 uses
#9b52fb
text
5 uses
#faefe5
background
4 uses
#dffeed
background
4 uses
#e0f4ff
background
4 uses
#fce2fe
background
3 uses
#009e7a
text
2 uses

Gradients

Typography

Font Families

PPNeueMontreal (body, 2384x)Roobert (all, 47x)Helvetica (body, 22x)PPNeueMontrealMono (body, 8x)

Type Scale

80px The quick brown fox 300 / 80px
64px The quick brown fox 300 / 67.2px
56px The quick brown fox 300 / 60px
48px The quick brown fox 300 / 52px
40px The quick brown fox 300 / 44px
32px The quick brown fox 400 / 36.8px
24px The quick brown fox 400 / 30px
20px The quick brown fox 400 / 30px
18px The quick brown fox 400 / 24.84px
16px The quick brown fox 400 / 24px
14px The quick brown fox 500 / 16.94px
12px The quick brown fox 500 / 15px

Spacing Scale

1px
48px
56px
72px
80px
86px
120px
160px
166px
201px
213px
270px
287px
295px
305px
312px

Box Shadows

sm

Border Radii

2px
xs
50px
full
937px
full

Accessibility

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

Color Pair Analysis

Sample
#0d0d0d on #c2eaff
15.28:1
AAA
1x