Gallery / Color palette

stripe.com color palette

The brand palette extracted from stripe.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

#000eff

rgb(0, 14, 255)

hsl(237, 100%, 50%)

Accent

#0c1837

rgb(12, 24, 55)

hsl(223, 64%, 13%)

Accent

#81b81a

rgb(129, 184, 26)

hsl(81, 75%, 41%)

Accent

#bcdd84

rgb(188, 221, 132)

hsl(82, 57%, 69%)

Accent

#7389ff

rgb(115, 137, 255)

hsl(231, 100%, 73%)

Background

#fefeff

rgb(254, 254, 255)

hsl(240, 100%, 100%)

Text

#667387

rgb(102, 115, 135)

hsl(216, 14%, 46%)

Neutral

#e7edf3

rgb(231, 237, 243)

hsl(210, 33%, 93%)

CSS variables

:root {
  --color-primary: #000eff;
  --color-accent-1: #0c1837;
  --color-accent-2: #81b81a;
  --color-accent-3: #bcdd84;
  --color-accent-4: #7389ff;
  --color-background: #fefeff;
  --color-text: #667387;
  --color-neutral: #e7edf3;
}

Tailwind v4

@theme {
  --color-primary: #000eff;
  --color-accent-1: #0c1837;
  --color-accent-2: #81b81a;
  --color-accent-3: #bcdd84;
  --color-accent-4: #7389ff;
  --color-background: #fefeff;
  --color-text: #667387;
  --color-neutral: #e7edf3;
}

Want a palette from your own site?

Fetch a palette