Instagram

https://www.instagram.com/ 508 elements 5/1/2026
11
Colors
5
Font Families
6
Spacing Values
1
Shadows
3
Border Radii
5
Components
83%
A11y Score

Color Palette

Brand Colors

#4150f7
Primary
19 uses
#0064e0
Secondary
10 uses
#0064e0
Accent
10 uses

Neutrals

#000000
779 uses
#1c1e21
107 uses
#737373
70 uses
#111112
16 uses
#ffffff
9 uses
#666a72
5 uses
#dfe2e5
4 uses
#d0d3d6
3 uses

Full Palette

#000000
text, border
779 uses
#1c1e21
text, border
107 uses
#737373
text, border
70 uses
#4150f7
text, border
19 uses
#111112
text, border
16 uses
#0064e0
background, text, border
10 uses
#ffffff
background
9 uses
#666a72
border, text
5 uses
#dfe2e5
background, text, border
4 uses
#f2f4f6
text, border
4 uses
#d0d3d6
border
3 uses

Gradients

Typography

Font Families

-apple-system (body, 277x)Times New Roman (body, 162x)Helvetica (body, 54x)Optimistic (body, 13x)Instagram Sans Regular (body, 2x)

Type Scale

35.84px The quick brown fox 400 / 64.8px
17px The quick brown fox 600 / 21.9997px
16px The quick brown fox 400 / normal
15px The quick brown fox 500 / 19.0005px
14px The quick brown fox 400 / 18px
12px The quick brown fox 400 / 18px

Spacing Scale (base: 2px)

1px
16px
24px
40px
52px
120px

Box Shadows

sm

Border Radii

16px
lg
22px
xl
40px
full

Accessibility

83%
WCAG Contrast Score
10 passing / 2 failing color pairs

Color Pair Analysis

Sample
#000000 on #0064e0
3.9:1
FAIL
1x
Sample
#dadde1 on #dfe2e5
1.05:1
FAIL
1x
Sample
#000000 on #ffffff
21:1
AAA
7x
Sample
#000000 on #dfe2e5
16.15:1
AAA
1x
Sample
#4150f7 on #ffffff
5.65:1
AA
1x
Sample
#1c1e21 on #ffffff
16.71:1
AAA
1x