Figma: The Collaborative Interface Design Tool

https://figma.com/ 1470 elements 4/27/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

100%

A11y Score

Color Palette

Brand Colors

#697485

Primary

44 uses

#33dfdf

Secondary

6 uses

#4d49fc

Accent

1 uses

Neutrals

#000000

2259 uses

#ffffff

670 uses

#e6e6e6

2 uses

Full Palette

#000000

text, border, background

2259 uses

#ffffff

background, text, border

670 uses

#697485

text, border

44 uses

#33dfdf

text, border

6 uses

#b98e01

text, border

6 uses

#e6e6e6

background

2 uses

#4d49fc

background

1 uses

#f3ffe3

background

1 uses

#e4ff97

background

1 uses

#00b6ff

background

1 uses

#24cb71

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, 1452x)figmaMono (all, 18x)

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 330 / 0px

Spacing Scale (base: 2px)

1px

16px

40px

44px

48px

53px

60px

64px

80px

107px

120px

160px

Box Shadows

sm (inset)

Border Radii

2px

8px

16px

50px

full

Accessibility

WCAG Contrast Score

39 passing / 0 failing color pairs

Figma: The Collaborative Interface Design Tool

Color Palette

Brand Colors

Neutrals

Full Palette

Gradients

Typography

Font Families

Type Scale

Spacing Scale (base: 2px)

Box Shadows

Border Radii

Accessibility

Color Pair Analysis