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