Retool | Build internal software better, with AI.

https://retool.com 2200 elements 6/25/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

100%

A11y Score

Color Palette

Brand Colors

#e9ebdf

Primary

3154 uses

#518dd2

Secondary

2 uses

#f7f8f4

Accent

13 uses

Neutrals

#151515

355 uses

#ffffff

348 uses

#cbccc4

158 uses

#242424

45 uses

#8b867f

32 uses

#b6b8af

12 uses

#000000

6 uses

#d9d9d9

4 uses

#433e38

3 uses

Full Palette

#e9ebdf

text, border, background

3154 uses

#151515

background, text, border

355 uses

#ffffff

text, border

348 uses

#cbccc4

text, border

158 uses

#242424

background, text, border

45 uses

#8b867f

border, background, text

32 uses

#f7f8f4

text, border, background

13 uses

#b6b8af

text, border

12 uses

#000000

background

6 uses

#d9d9d9

background

4 uses

#433e38

border

3 uses

#518dd2

background

2 uses

#0e352c

background

1 uses

Gradients

Typography

Font Families

saansFont (all, 486x)pxGroteskFont (body, 394x)

Type Scale

68.9231px The quick brown fox 300 / 72.3693px

56.9231px The quick brown fox 300 / 59.7693px

44.9231px The quick brown fox 300 / 47.1693px

28.9231px The quick brown fox 300 / 30.3693px

22.4615px The quick brown fox 380 / 26.9538px

18px The quick brown fox 300 / 27px

16px The quick brown fox 400 / 24px

14px The quick brown fox 300 / 21px

13.2308px The quick brown fox 400 / 13.2308px

12px The quick brown fox 400 / 14.4px

11.3846px The quick brown fox 400 / 13.6615px

Spacing Scale (base: 2px)

1px

20px

24px

28px

32px

40px

56px

64px

71px

80px

120px

158px

384px

Box Shadows

Border Radii

4px

8px

12px

16px

20px

24px

36px

full

50px

full

9999px

full

Accessibility

WCAG Contrast Score

5 passing / 0 failing color pairs

Retool | Build internal software better, with AI.

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