Sonos Brand Colors
Sonos is a leading premium wireless home audio brand known for its multi-room speaker systems, soundbars, and Hi-Fi sound quality accessible through a simple app and compatible with major streaming services. Used by audiophiles and home enthusiasts worldwide, it defined the modern wireless home audio category. Sonos's clean black brand reflects premium sound, minimal design, and quiet confidence.
Against white, the Sonos palette measures 1.32:1 at its lowest and 13.58:1 at its highest: Mine Shaft (#2E2E2E) and Alto (#E0E0E0). Only Mine Shaft meets WCAG AA's 4.5:1 floor for body text on white, leaving the other for fills, large text, and non-text elements.
Sonos Color Palette
Sonos uses 2 official colors in its brand identity.
Mine Shaft
#2E2E2E
Alto
#E0E0E0
Frequently Asked Questions
What are the official Sonos brand colors?
How do I use Sonos brand colors in CSS?
color: #HEX; or background-color: #HEX;.
Are these Sonos colors official?
What color formats are available?
Can I use Sonos brand colors in my project?
What is the primary Sonos color?
How do I ensure color accuracy across devices?
Do Sonos colors meet accessibility standards?
How often are brand colors updated?
What other brands have similar colors?
Accessibility of the Sonos palette
Of the 2 recorded colors, 1 reach the WCAG 2.1 AA ratio of 4.5:1 against a white background — the threshold normal-size body text must meet. Colors below that line are not failures of the palette: they remain valid as fills carrying white text, as large text at the 3:1 threshold, and as borders, icons, and other non-text elements, which SC 1.4.11 also holds to 3:1. A logotype set in such a color is exempt from the requirement entirely.
Reference: WCAG AA vs AAA contrast requirements compared · Contrast Checker
Sonos and its associated marks are trademarks of their respective owner. ColorFYI records publicly published brand-guideline color values for reference, editorial, and interoperability purposes, and is neither affiliated with nor endorsed by Sonos.