Software & SaaS
Linear Color Codes
Linear's color is violet-blue #5E6AD2. The Linear color codes in Hex, RGB and CMYK can be found below. Karri Saarinen, Tuomas Artman and Jori Lallo founded it in 2019; all three are Finnish, and they came from Airbnb, Uber and Coinbase respectively. The mark is a square built from diagonal slices.
Primary colors
What are Linear Primary Colors?
Linear's primary color is #5E6AD2, a muted violet-blue rather than a saturated one.
Linear publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Linear Violet
| Hex | #5E6AD2 |
|---|---|
| RGB | 94, 106, 210 |
| HSL | hsl(234, 56%, 60%) |
| CMYK | 55%, 50%, 0%, 18%converted · approximate |
| Pantone | PMS 2727 Cnearest match · not published by the brand |
Linear Hex Color Codes
Linear hex color codes are #5E6AD2 for violet.
| Color | Hex |
|---|---|
| Violet | #5E6AD2 |
Linear RGB Color Codes
Linear RGB color codes are 94, 106, 210 for violet. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Violet | rgb(94, 106, 210) |
Linear HSL Color Codes
Linear HSL color codes are 234, 56%, 60% for violet. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Violet | hsl(234, 56%, 60%) |
Linear CMYK Color Code
Linear CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Violet | 55%, 50%, 0%, 18% |
Linear Pantone Color Codes
Linear Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Violet | PMS 2727 C |
Logo
Linear Logo Colors
Linear logo colors are one violet-blue, applied flat to the sliced square.
Linear Logo Colors Palette
What the Linear Logo Colors Mean?
The Linear logo colors are deliberately quiet, and the restraint is the brand. A principal designer from Airbnb led the company, and the mark is a rotated square cut into parallel bands, which reads as motion held still. The violet is desaturated enough to sit under a dark interface without glowing, which is where the product actually lives. Compare it with ClickUp's brighter #7B68EE: same corner of the spectrum, opposite temperament.
Linear Logo JPG
Linear logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Linear Logo PNG
Linear logo in PNG, with a transparent background. Use it over a colored surface.
Linear Logo WebP
Linear logo in WebP. Same transparency as the PNG at about a third of the file size.
Linear Color Code Shades
Linear color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Linear paint or trim names.
In code
Using the Linear palette
CSS custom properties
:root {
--linear-violet: #5E6AD2;
}Contrast against white
| Violet | 4.70:1AA ✓ |
|---|
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.