# What is the most common primary brand color in modern design systems?

Source: Lazyweb Research
Published: 2026-07-07
Sample size: n=519
Tags: design, ux-patterns, landing-page, saas, web
HTML: https://www.lazyweb.com/research/what-primary-brand-color-is-most-common
Markdown: https://www.lazyweb.com/research/what-primary-brand-color-is-most-common.md

**Answer.** Blue is the single most common primary brand hue: 34.1% of 519 audited design systems with a brand color use it [1]. Add neutral black/gray marks (18.9%) and just those two buckets cover 53% of all products [1]. Red (14.6%) is a distant third; purple, orange, pink and yellow are each under 8% [1].

> 34% of 519 audited design systems use a blue primary brand color, July 2026.

## The brand-hue distribution

Primary brand hue, bucketed from the first brand-group color per system [1].

| Hue | Systems | Share |
|---|---|---|
| Blue | 177 | 34.1% |
| Neutral / gray-black | 98 | 18.9% |
| Red | 76 | 14.6% |
| Teal / cyan | 44 | 8.5% |
| Green | 40 | 7.7% |
| Purple / indigo | 37 | 7.1% |
| Orange | 21 | 4.0% |
| Pink / magenta | 16 | 3.1% |
| Yellow | 10 | 1.9% |

Blue plus neutral together account for 53% of the corpus [1].

## How to apply it

Blue is the safe, trust-signaling default — which is exactly why it is also the crowded one. If differentiation matters, the under-served buckets are orange (4%), pink (3%) and yellow (2%) [1]. Neutral black brands (Uber's Midnight Ink is the archetype) are a strong, premium-feeling alternative that reads as intentional rather than colorless [2].

## Caveats

Hue is derived by converting the first brand hex to HSL and bucketing, so colors near boundaries (indigo vs blue vs purple) can shift bucket — treat buckets as approximate [1]. One of 520 systems lacks a brand-group color, giving the 519 denominator.

## The numbers

| Stat | Computed from |
| --- | --- |
| blue 34.1% (177), neutral 18.9% (98), red 14.6% (76) of 519 | primary_brand_hue_overall |
| Uber: pure-black (#000000) neutral brand mark | qualitative:uber |

## Methodology

Universe: 519 audited design systems carrying a brand-group color, within the 520-system corpus. Method: convert first brand hex to HSL hue and bucket. July 2026 snapshot; buckets near boundaries are approximate.

## Sources & citations

- [1] Lazyweb Research analysis of 519 design systems (systems with a brand color), July 2026. Primary brand hue bucketed from first brand-group hex converted to HSL hue; 519 of 520 systems have a brand color.
- [2] Lazyweb Research analysis of 520 design systems (audited design_systems corpus), July 2026. Uber #000000 'Midnight Ink' as the neutral/black brand-hue archetype — an example row.

## Related questions

- [What primary brand colors dominate finance and entertainment design systems?](https://www.lazyweb.com/research/what-brand-colors-do-finance-apps-use)
- [Which app categories default to dark mode and which default to light?](https://www.lazyweb.com/research/which-app-categories-default-to-dark)
- [Do most products use a system font or a custom typeface?](https://www.lazyweb.com/research/most-common-primary-font-in-design-systems)