Figma: The Collaborative Interface Design Tool

https://figma.com 1515 elements 5/15/2026
18
Colors
2
Font Families
14
Spacing Values
5
Shadows
4
Border Radii
9
Components
100%
A11y Score

Color Palette

Brand Colors

#e4ff97
Primary
1 uses
#00b6ff
Secondary
1 uses
#c4baff
Accent
1 uses

Neutrals

#000000
2351 uses
#ffffff
667 uses
#697485
44 uses
#e6e6e6
2 uses
#f3ffe3
1 uses

Full Palette

#000000
text, border, background
2351 uses
#ffffff
background, text, border
667 uses
#697485
text, border
44 uses
#33dfdf
text, border
6 uses
#b98e01
text, border
6 uses
#24cb71
background
2 uses
#e6e6e6
background
2 uses
#4d49fc
background
1 uses
#f3ffe3
background
1 uses
#e4ff97
background
1 uses
#00b6ff
background
1 uses
#c4baff
background
1 uses
#95b9ac
background
1 uses
#ff7237
background
1 uses
#cb9fd2
background
1 uses
#ffc9c1
background
1 uses
#721c1c
background
1 uses
#c7f8fb
background
1 uses

Gradients

Typography

Font Families

figmaSans (all, 1496x)figmaMono (all, 19x)

Type Scale

64px The quick brown fox 400 / 70.4px
44px The quick brown fox 400 / 48.4px
24px The quick brown fox 320 / 32.4px
18px The quick brown fox 330 / 25.2px
16px The quick brown fox 400 / 23.2px
12px The quick brown fox 400 / 12px
0px The quick brown fox 400 / 0px

Spacing Scale (base: 4px)

1px
16px
24px
27px
40px
44px
53px
60px
64px
80px
107px
120px
160px
409px

Box Shadows

sm (inset)
sm (inset)
xs
lg
xl

Border Radii

2px
xs
8px
md
16px
lg
50px
full

Accessibility

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

Color Pair Analysis

Sample
#000000 on #ffffff
21:1
AAA
7x