Design Language: Butter AI - Enterprise AI Voice Agents for Modern Teams

Color Palette

Brand Colors

#e2e8f0

Primary

1309 uses

#2d3142

Secondary

460 uses

#1a1d2e

Accent

135 uses

Neutrals

#ffffff

130 uses

#000000

25 uses

Full Palette

#e2e8f0

border, background, text

1309 uses

#2d3142

text, border, background

460 uses

#fff4d6

text, background

268 uses

#4f5367

text

137 uses

#1a1d2e

text, border, background

135 uses

#ffffff

background, text, border

130 uses

#d45641

text

82 uses

#9196a8

text

69 uses

#f4a261

text, background, border

61 uses

#06d6a0

text

45 uses

#000000

text

25 uses

#ffe5a0

text

18 uses

#dcfce7

background

4 uses

#16a34a

text

4 uses

#2563eb

text

4 uses

#047857

text

3 uses

#e76f51

background

2 uses

#dc2626

text

2 uses

#dbeafe

background

2 uses

#a78bfa

background

1 uses

Gradients

Typography

Font Families

Inter (all, 1249x)Plus Jakarta Sans (all, 45x)ui-sans-serif (body, 25x)ui-monospace (body, 7x)

Type Scale

72px The quick brown fox 800 / 72px

60px The quick brown fox 800 / 60px

48px The quick brown fox 800 / 48px

36px The quick brown fox 700 / 40px

30px The quick brown fox 700 / 36px

24px The quick brown fox 700 / 32px

20px The quick brown fox 700 / 28px

18px The quick brown fox 500 / 28px

16px The quick brown fox 400 / 24px

14px The quick brown fox 500 / 20px

12px The quick brown fox 700 / 16px

11px The quick brown fox 600 / 16.5px

Accessibility

WCAG Contrast Score

107 passing / 14 failing color pairs

Color Pair Analysis

Butter AI - Enterprise AI Voice Agents for Modern Teams

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