Gallery / Color palette

linear.app color palette

The brand palette extracted from linear.app — 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

#e4f222

rgb(228, 242, 34)

hsl(64, 89%, 54%)

Accent

#f7bf8b

rgb(247, 191, 139)

hsl(29, 87%, 76%)

Accent

#00ff05

rgb(0, 255, 5)

hsl(121, 100%, 50%)

Accent

#ff0000

rgb(255, 0, 0)

hsl(0, 100%, 50%)

Accent

#422222

rgb(66, 34, 34)

hsl(0, 32%, 20%)

Background

#08090a

rgb(8, 9, 10)

hsl(210, 11%, 4%)

Text

#d1d4d9

rgb(209, 212, 217)

hsl(217, 10%, 84%)

Neutral

#19191b

rgb(25, 25, 27)

hsl(240, 4%, 10%)

CSS variables

:root {
  --color-primary: #e4f222;
  --color-accent-1: #f7bf8b;
  --color-accent-2: #00ff05;
  --color-accent-3: #ff0000;
  --color-accent-4: #422222;
  --color-background: #08090a;
  --color-text: #d1d4d9;
  --color-neutral: #19191b;
}

Tailwind v4

@theme {
  --color-primary: #e4f222;
  --color-accent-1: #f7bf8b;
  --color-accent-2: #00ff05;
  --color-accent-3: #ff0000;
  --color-accent-4: #422222;
  --color-background: #08090a;
  --color-text: #d1d4d9;
  --color-neutral: #19191b;
}

Want a palette from your own site?

Fetch a palette