# Figma: The Collaborative Interface Design Tool

https://figma.com 1517 elements 5/18/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
2355 uses
#ffffff
667 uses
#697485
44 uses
#e6e6e6
2 uses
#f3ffe3
1 uses

### Full Palette

#000000
text, border, background
2355 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, 1498x)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