Gallery / Color palette

tailwindcss.com color palette

The brand palette extracted from tailwindcss.com — primary, accent, neutral, background, and text colors with copy-ready hex codes and one-click export to CSS, Tailwind, and design tokens. Last updated June 12, 2026.

Primary

#00a6f4

rgb(0, 166, 244)

hsl(199, 100%, 48%)

Accent

#73d3fe

rgb(115, 211, 254)

hsl(199, 99%, 72%)

Accent

#0069a8

rgb(0, 105, 168)

hsl(203, 100%, 33%)

Accent

#00d5be

rgb(0, 213, 190)

hsl(174, 100%, 42%)

Accent

#009689

rgb(0, 150, 137)

hsl(175, 100%, 29%)

Background

#feffff

rgb(254, 255, 255)

hsl(180, 100%, 100%)

Text

#030712

rgb(3, 7, 18)

hsl(224, 71%, 4%)

Neutral

#181c25

rgb(24, 28, 37)

hsl(222, 21%, 12%)

CSS variables

:root {
  --color-primary: #00a6f4;
  --color-accent-1: #73d3fe;
  --color-accent-2: #0069a8;
  --color-accent-3: #00d5be;
  --color-accent-4: #009689;
  --color-background: #feffff;
  --color-text: #030712;
  --color-neutral: #181c25;
}

Tailwind v4

@theme {
  --color-primary: #00a6f4;
  --color-accent-1: #73d3fe;
  --color-accent-2: #0069a8;
  --color-accent-3: #00d5be;
  --color-accent-4: #009689;
  --color-background: #feffff;
  --color-text: #030712;
  --color-neutral: #181c25;
}

Want a palette from your own site?

Fetch a palette