Supercell brand colors
Supercell's brand guidelines name Supercell Black and Supercell White as its core colors, and Supercell Blue, Green, Pink and Yellow as accent colors meant to be "fun and bright," each with a Pantone reference, a CMYK build and a hex, alongside two supporting grays.
Official site: supercell.com
Palette image
Every swatch on this page, as one image you can save or share.
Every color
| Color | Role | Hex | RGB | HSL | Pantone | CMYK | Preview |
|---|---|---|---|---|---|---|---|
| Supercell Black | primary | #000000 | 0, 0, 0 | 0, 0%, 0% | Black 6 C | 40/30/30/100 | Fill screen |
| Supercell White | neutral light | #FFFFFF | 255, 255, 255 | 0, 0%, 100% | -- | 0/0/0/0 | Fill screen |
| Supercell Blue | accent | #2D85F3 | 45, 133, 243 | 213, 89%, 56% | 2727 C | 80/40/0/0 | Fill screen |
| Supercell Green | accent | #21C49F | 33, 196, 159 | 166, 71%, 45% | 3265 C | 70/0/50/0 | Fill screen |
| Supercell Pink | accent | #FB62AA | 251, 98, 170 | 332, 95%, 68% | 212 C | 0/80/0/0 | Fill screen |
| Supercell Yellow | accent | #F7DB1C | 247, 219, 28 | 52, 93%, 54% | 109 C | 5/10/90/0 | Fill screen |
| Supercell Dark Gray | accent | #191919 | 25, 25, 25 | 0, 0%, 10% | -- | -- | Fill screen |
| Supercell Medium Gray | accent | #666666 | 102, 102, 102 | 0, 0%, 40% | -- | -- | Fill screen |
Supercell against your project
Contrast pairs
Supercell Black passes AA for body text on white, at 21 to 1.
Of 86 ordered pairs in this palette, 40 clear 4.5 to 1 for body text and 52 clear 3 to 1 for large text. Row is the text color, column is the background.
| Text color | Supercell Black | Supercell White | Supercell Blue | Supercell Green | Supercell Pink | Supercell Yellow | Supercell Dark Gray | Supercell Medium Gray | Supercell White | Supercell Black |
|---|---|---|---|---|---|---|---|---|---|---|
| Supercell Black | 21.0Supercell Black on Supercell White, passes AA for body text | 5.8Supercell Black on Supercell Blue, passes AA for body text | 9.5Supercell Black on Supercell Green, passes AA for body text | 7.4Supercell Black on Supercell Pink, passes AA for body text | 15.1Supercell Black on Supercell Yellow, passes AA for body text | 1.2Supercell Black on Supercell Dark Gray, fails AA for body text | 3.7Supercell Black on Supercell Medium Gray, fails AA for body text | 21.0Supercell Black on Supercell White, passes AA for body text | ||
| Supercell White | 21.0Supercell White on Supercell Black, passes AA for body text | 3.6Supercell White on Supercell Blue, fails AA for body text | 2.2Supercell White on Supercell Green, fails AA for body text | 2.8Supercell White on Supercell Pink, fails AA for body text | 1.4Supercell White on Supercell Yellow, fails AA for body text | 17.6Supercell White on Supercell Dark Gray, passes AA for body text | 5.7Supercell White on Supercell Medium Gray, passes AA for body text | 21.0Supercell White on Supercell Black, passes AA for body text | ||
| Supercell Blue | 5.8Supercell Blue on Supercell Black, passes AA for body text | 3.6Supercell Blue on Supercell White, fails AA for body text | 1.6Supercell Blue on Supercell Green, fails AA for body text | 1.3Supercell Blue on Supercell Pink, fails AA for body text | 2.6Supercell Blue on Supercell Yellow, fails AA for body text | 4.8Supercell Blue on Supercell Dark Gray, passes AA for body text | 1.6Supercell Blue on Supercell Medium Gray, fails AA for body text | 3.6Supercell Blue on Supercell White, fails AA for body text | 5.8Supercell Blue on Supercell Black, passes AA for body text | |
| Supercell Green | 9.5Supercell Green on Supercell Black, passes AA for body text | 2.2Supercell Green on Supercell White, fails AA for body text | 1.6Supercell Green on Supercell Blue, fails AA for body text | 1.3Supercell Green on Supercell Pink, fails AA for body text | 1.6Supercell Green on Supercell Yellow, fails AA for body text | 7.9Supercell Green on Supercell Dark Gray, passes AA for body text | 2.6Supercell Green on Supercell Medium Gray, fails AA for body text | 2.2Supercell Green on Supercell White, fails AA for body text | 9.5Supercell Green on Supercell Black, passes AA for body text | |
| Supercell Pink | 7.4Supercell Pink on Supercell Black, passes AA for body text | 2.8Supercell Pink on Supercell White, fails AA for body text | 1.3Supercell Pink on Supercell Blue, fails AA for body text | 1.3Supercell Pink on Supercell Green, fails AA for body text | 2.0Supercell Pink on Supercell Yellow, fails AA for body text | 6.2Supercell Pink on Supercell Dark Gray, passes AA for body text | 2.0Supercell Pink on Supercell Medium Gray, fails AA for body text | 2.8Supercell Pink on Supercell White, fails AA for body text | 7.4Supercell Pink on Supercell Black, passes AA for body text | |
| Supercell Yellow | 15.1Supercell Yellow on Supercell Black, passes AA for body text | 1.4Supercell Yellow on Supercell White, fails AA for body text | 2.6Supercell Yellow on Supercell Blue, fails AA for body text | 1.6Supercell Yellow on Supercell Green, fails AA for body text | 2.0Supercell Yellow on Supercell Pink, fails AA for body text | 12.7Supercell Yellow on Supercell Dark Gray, passes AA for body text | 4.1Supercell Yellow on Supercell Medium Gray, fails AA for body text | 1.4Supercell Yellow on Supercell White, fails AA for body text | 15.1Supercell Yellow on Supercell Black, passes AA for body text | |
| Supercell Dark Gray | 1.2Supercell Dark Gray on Supercell Black, fails AA for body text | 17.6Supercell Dark Gray on Supercell White, passes AA for body text | 4.8Supercell Dark Gray on Supercell Blue, passes AA for body text | 7.9Supercell Dark Gray on Supercell Green, passes AA for body text | 6.2Supercell Dark Gray on Supercell Pink, passes AA for body text | 12.7Supercell Dark Gray on Supercell Yellow, passes AA for body text | 3.1Supercell Dark Gray on Supercell Medium Gray, fails AA for body text | 17.6Supercell Dark Gray on Supercell White, passes AA for body text | 1.2Supercell Dark Gray on Supercell Black, fails AA for body text | |
| Supercell Medium Gray | 3.7Supercell Medium Gray on Supercell Black, fails AA for body text | 5.7Supercell Medium Gray on Supercell White, passes AA for body text | 1.6Supercell Medium Gray on Supercell Blue, fails AA for body text | 2.6Supercell Medium Gray on Supercell Green, fails AA for body text | 2.0Supercell Medium Gray on Supercell Pink, fails AA for body text | 4.1Supercell Medium Gray on Supercell Yellow, fails AA for body text | 3.1Supercell Medium Gray on Supercell Dark Gray, fails AA for body text | 5.7Supercell Medium Gray on Supercell White, passes AA for body text | 3.7Supercell Medium Gray on Supercell Black, fails AA for body text | |
| Supercell White | 21.0Supercell White on Supercell Black, passes AA for body text | 3.6Supercell White on Supercell Blue, fails AA for body text | 2.2Supercell White on Supercell Green, fails AA for body text | 2.8Supercell White on Supercell Pink, fails AA for body text | 1.4Supercell White on Supercell Yellow, fails AA for body text | 17.6Supercell White on Supercell Dark Gray, passes AA for body text | 5.7Supercell White on Supercell Medium Gray, passes AA for body text | 21.0Supercell White on Supercell Black, passes AA for body text | ||
| Supercell Black | 21.0Supercell Black on Supercell White, passes AA for body text | 5.8Supercell Black on Supercell Blue, passes AA for body text | 9.5Supercell Black on Supercell Green, passes AA for body text | 7.4Supercell Black on Supercell Pink, passes AA for body text | 15.1Supercell Black on Supercell Yellow, passes AA for body text | 1.2Supercell Black on Supercell Dark Gray, fails AA for body text | 3.7Supercell Black on Supercell Medium Gray, fails AA for body text | 21.0Supercell Black on Supercell White, passes AA for body text |
Sources
- Every color on this page: https://supercell.com/assets/supercell-brand-guidelines-v1.pdf
Other technology
Share