Breaker Brand Colors
Breaker was a social podcast listening app that let users follow friends, see what they were listening to, and discover podcasts through social recommendations before being acquired by Twitter. It targeted podcast listeners seeking a more connected, social audio experience. Its colorful brand reflected a playful, community-oriented media identity.
The official Breaker palette sets blue against one neutral: Shark (#26292C) and Cobalt (#003DAD). Each clears the 4.5:1 contrast ratio WCAG AA requires of normal-size body text on a white background, and none is confined to display sizes.
Breaker Color Palette
Breaker uses 2 official colors in its brand identity.
Shark
#26292C
Cobalt
#003DAD
Frequently Asked Questions
What are the official Breaker brand colors?
How do I use Breaker brand colors in CSS?
color: #HEX; or background-color: #HEX;.
Are these Breaker colors official?
What color formats are available?
Can I use Breaker brand colors in my project?
What is the primary Breaker color?
How do I ensure color accuracy across devices?
Do Breaker colors meet accessibility standards?
How often are brand colors updated?
What other brands have similar colors?
Accessibility of the Breaker palette
Of the 2 recorded colors, 2 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
Breaker 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 Breaker.