Gallery / Color palette

vercel.com color palette

The brand palette extracted from vercel.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 11, 2026.

Primary

#6df6c9

rgb(109, 246, 201)

hsl(160, 88%, 70%)

Accent

#ec9369

rgb(236, 147, 105)

hsl(19, 78%, 67%)

Accent

#77d1c5

rgb(119, 209, 197)

hsl(172, 49%, 64%)

Accent

#ecaa3e

rgb(236, 170, 62)

hsl(37, 82%, 58%)

Accent

#067a6e

rgb(6, 122, 110)

hsl(174, 91%, 25%)

Background

#fafafa

rgb(250, 250, 250)

hsl(0, 0%, 98%)

Text

#4c4c4c

rgb(76, 76, 76)

hsl(0, 0%, 30%)

Neutral

#d3dcdb

rgb(211, 220, 219)

hsl(173, 11%, 85%)

CSS variables

:root {
  --color-primary: #6df6c9;
  --color-accent-1: #ec9369;
  --color-accent-2: #77d1c5;
  --color-accent-3: #ecaa3e;
  --color-accent-4: #067a6e;
  --color-background: #fafafa;
  --color-text: #4c4c4c;
  --color-neutral: #d3dcdb;
}

Tailwind v4

@theme {
  --color-primary: #6df6c9;
  --color-accent-1: #ec9369;
  --color-accent-2: #77d1c5;
  --color-accent-3: #ecaa3e;
  --color-accent-4: #067a6e;
  --color-background: #fafafa;
  --color-text: #4c4c4c;
  --color-neutral: #d3dcdb;
}

Want a palette from your own site?

Fetch a palette