Twent — Your Personal Agentic OS

https://twent.xyz/ 416 elements 4/26/2026

Colors

Font Families

Spacing Values

Shadows

Border Radii

Components

90%

A11y Score

Color Palette

Brand Colors

#3b82f6

Primary

20 uses

#f97316

Secondary

18 uses

#3b82f6

Accent

20 uses

Neutrals

#18181b

435 uses

#000000

167 uses

#71717a

100 uses

#3f3f46

32 uses

#ffffff

26 uses

#52525b

24 uses

#a1a1aa

21 uses

#d4d4d8

17 uses

#e4e4e7

17 uses

Full Palette

#18181b

text, border, background

435 uses

#000000

text, border, background

167 uses

#71717a

text, border

100 uses

#3f3f46

text, border

32 uses

#ffffff

background, text, border

26 uses

#52525b

text, border

24 uses

#a1a1aa

text, border, background

21 uses

#3b82f6

text, border, background

20 uses

#f97316

background, text, border

18 uses

#d4d4d8

background, border

17 uses

#e4e4e7

background, border

17 uses

#ea580c

background

4 uses

#22c55e

text, border

4 uses

#ff2023

text, border

4 uses

#0b39eb

background, border

2 uses

#fde3e3

background

2 uses

#ff9696

border

2 uses

Gradients

Typography

Font Families

Inter Variable (all, 398x)Calive Pixel (all, 18x)

Type Scale

72px The quick brown fox 400 / 79.2px

48px The quick brown fox 400 / 60px

36px The quick brown fox 400 / 40px

30px The quick brown fox 400 / 36px

20px The quick brown fox 400 / 28px

18px The quick brown fox 400 / 29.25px

16px The quick brown fox 400 / 24px

14px The quick brown fox 400 / 20px

12px The quick brown fox 400 / 16px

10px The quick brown fox 400 / 15px

9px The quick brown fox 400 / 13.5px

Spacing Scale (base: 2px)

1px

64px

80px

96px

112px

168px

240px

280px

352px

Box Shadows

Border Radii

4px

8px

9999px

full

Accessibility

WCAG Contrast Score

38 passing / 4 failing color pairs

Twent — Your Personal Agentic OS

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