Linear Inspired Color Palette

Deep dark purple-black with subtle violet gradients and crisp white text define Linear's sophisticated product management aesthetic. This developer-focused palette powers issue trackers, project management tools, and dev team dashboards.

#111019

Dark Indigo

RGB(17, 16, 25)

HSL(247, 22%, 8%)

#1D1A2F

Dark Indigo

RGB(29, 26, 47)

HSL(249, 29%, 14%)

#5E6AD2

Indigo

RGB(94, 106, 210)

HSL(234, 56%, 60%)

#8D93E0

Pale Indigo

RGB(141, 147, 224)

HSL(236, 57%, 72%)

#D1D5F0

Light Indigo

RGB(209, 213, 240)

HSL(232, 51%, 88%)

#FFFFFF

White

RGB(255, 255, 255)

HSL(0, 0%, 100%)

lightbulbBest Use Cases

  • checkIssue trackers
  • checkProject management
  • checkDev dashboards

businessIndustries

  • checkTechnology
  • checkProductivity
Mood:sophisticated

codeUse in Your Code

CSS Custom Properties

:root {
  --color-1: #111019;
  --color-2: #1D1A2F;
  --color-3: #5E6AD2;
  --color-4: #8D93E0;
  --color-5: #D1D5F0;
  --color-6: #FFFFFF;
}

Tailwind CSS Config

colors: {
  'linear-inspired-1': '#111019',
  'linear-inspired-2': '#1D1A2F',
  'linear-inspired-3': '#5E6AD2',
  'linear-inspired-4': '#8D93E0',
  'linear-inspired-5': '#D1D5F0',
  'linear-inspired-6': '#FFFFFF',
}
lineardeveloperdarkvioletsophisticated

Want to Extract Colors from Your Own Images?

Upload any photo and get a custom color palette instantly — free.

Try PaletteAI Free

Related Palettes