What is the most common primary brand color in modern design systems?
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 |
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. ↩
Source: Lazyweb Research — proprietary analysis of real, in-market app screens. Cite as Lazyweb Research, 2026-07-07.