Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

https://tailwindcss.com 2568 elements 6/12/2026
5
Colors
2
Font Families
8
Spacing Values
17
Shadows
6
Border Radii
7
Components
100%
A11y Score

Color Palette

Brand Colors

#ec0853
Primary
1 uses
#0080ff
Secondary
1 uses
#2ca8ff
Accent
1 uses

Neutrals

#000000
855 uses
#ffffff
182 uses

Full Palette

#000000
text, border, background
855 uses
#ffffff
background, text, border
182 uses
#0080ff
background
1 uses
#2ca8ff
border
1 uses
#ec0853
background
1 uses

Gradients

Typography

Font Families

inter (all, 1959x)plexMono (body, 609x)

Type Scale

96px The quick brown fox 400 / 96px
40px The quick brown fox 500 / 40px
36px The quick brown fox 600 / 48px
30px The quick brown fox 600 / 36px
24px The quick brown fox 500 / 40px
20px The quick brown fox 600 / 24px
18px The quick brown fox 500 / 28px
17px The quick brown fox 500 / 28px
16px The quick brown fox 400 / 24px
14px The quick brown fox 400 / 24px
13px The quick brown fox 400 / 24px
12px The quick brown fox 500 / 20px

Spacing Scale (base: 4px)

1px
57px
64px
72px
96px
160px
336px
400px

Box Shadows

sm (inset)
sm (inset)
sm
sm
sm (inset)
sm (inset)
sm
sm
sm
sm
sm
sm (inset)
sm (inset)
sm
sm (inset)
sm (inset)
sm (inset)

Border Radii

4px
sm
8px
md
12px
lg
16px
lg
24px
xl
32px
full

Accessibility

100%
WCAG Contrast Score
4 passing / 0 failing color pairs

Color Pair Analysis

Sample
#ffffff on #000000
21:1
AAA
4x