Linear brand colors
Linear publishes two colours and describes its primary as "a subtle desaturated blue" without giving that description a value of its own. Nordic Gray is the near-black the wordmark actually uses, and Mercury White the off-white behind it.
Official site: linear.app
Every color
| Color | Role | Hex | RGB | HSL | Pantone | CMYK | Preview |
|---|---|---|---|---|---|---|---|
| Nordic Gray | primary | #222326 | 34, 35, 38 | 225, 6%, 14% | -- | -- | Fill screen |
| Mercury White | secondary | #F4F5F8 | 244, 245, 248 | 225, 22%, 96% | -- | -- | Fill screen |
Contrast pairs
Nordic Gray passes AA for body text on white, at 15.7 to 1.
Of 12 ordered pairs in this palette, 8 clear 4.5 to 1 for body text and 8 clear 3 to 1 for large text. Row is the text color, column is the background.
| Text color | Nordic Gray | Mercury White | White | Black |
|---|---|---|---|---|
| Nordic Gray | 14.4Nordic Gray on Mercury White, passes AA for body text | 15.7Nordic Gray on White, passes AA for body text | 1.3Nordic Gray on Black, fails AA for body text | |
| Mercury White | 14.4Mercury White on Nordic Gray, passes AA for body text | 1.1Mercury White on White, fails AA for body text | 19.3Mercury White on Black, passes AA for body text | |
| White | 15.7White on Nordic Gray, passes AA for body text | 1.1White on Mercury White, fails AA for body text | 21.0White on Black, passes AA for body text | |
| Black | 1.3Black on Nordic Gray, fails AA for body text | 19.3Black on Mercury White, passes AA for body text | 21.0Black on White, passes AA for body text |
Sources
- Every color on this page: https://linear.app/brand
Other technology
Share