# Colors

> The colors of Linear as six brand context APIs returned them on one day: four different main colors, generated color names, and the colors that are official.

Four vendors that read the public website gave four different main colors for Linear. This site calls that kind of context observed. Each answer is a fair reading of something on the site. It can be the accent, the dark background, a light and dark pair, or a color on the page.

The Linear brand page (linear.app/brand) names Mercury White, #F4F5F8, and Nordic Gray, #222326, as its accents. It calls its primary color "a subtle desaturated blue" reserved for backgrounds. The Brandfetch Brand API returned exactly that pair, but it did not say that the pair is official. The maintained Brand Skill, which is prepared from sources added for the brand, labels them official.

| Endpoint | Key | First colors returned for linear.app |
| --- | --- | --- |
| Firecrawl branding | `colors` | `primary` #E4F222, `accent` #E4F222, `background` #08090A, `textPrimary` #8A8F98 |
| Context.dev Brand | `brand.colors[]` | #7170ff "Stargate Shimmer" (from the site), #000000, then three grays from the logo |
| Context.dev Styleguide | `styleguide.colors` | `accent` #7170ff, `background` #08090a, `text` #f7f8f8 |
| Brandfetch Brand API | `colors[]` | #222326 (`dark`), #F4F5F8 (`light`) |
| Logo.dev Brand API | `colors[]` | #000000 and #ffffff, each also in OKLCH (a color format that matches human perception) |
| Rainbrand Brand Skill | `profile.palette` | 11 colors in groups: #F4F5F8 and #222326 as "Official brand colors", #7170FF as "Website accent", the rest as captured site and component colors |

The Brandfetch Brand Context API describes color in words only: "dark charcoal and black grounds … restrained cool accents". For values, it points to its Brand API.

`get_brand over MCP` (Rainbrand Brand Skill)

```json
{
  "profile": {
    "palette": [
      {
        "hex": "#F4F5F8",
        "name": "Mercury White",
        "group": "Official brand colors",
        "usage": "Preferred light accent for monochrome wordmark …"
      },
      { "hex": "#222326", "name": "Nordic Gray", … },
      {
        "hex": "#7170FF",
        "group": "Website accent",
        "usage": "Captured linear.app dark-mode accent; …"
      },
      …
    ]
  }
}
```

1. `group`: The only response that says which colors are the brand's own.
2. `group`: The violet that Context.dev found, labeled as a website color.

## Why the answers differ

- They read different things. Firecrawl and the Context.dev Styleguide read the page CSS: background, text, and accent. The Brandfetch Brand API returned one dark and one light color, the pair that the Linear brand lists as official. Logo.dev returned black and white.
- The Firecrawl `primary` is a page color. #E4F222, a yellow-green, is in no other response. A model that gets it as "primary" will build around it.
- The names are generated. "Stargate Shimmer" and "Millennium Silver" come from the Context.dev color naming, not from Linear.

## How to pass colors to a model

- Pass roles, not a list: background, text, accent, and the purpose of the accent. The Context.dev Styleguide and Firecrawl both return roles.
- Say where each color came from. "Captured from the website" and "official" lead to different use, and only a maintained palette tells them apart.
- For brand work that you publish, compare observed colors with the brand page of the company before you use one as the primary.

---

Source: https://brandcontextapi.com/fields/colors
Last updated: 2026-11-11
Published by The Brand Object. The Brand Object is run by Rainbrand, which makes two of the endpoints described here. Their pages follow the same rules as the others.