Mastodon brand colors
Mastodon's branding page states "our colors" as five values, each with a Pantone reference and a CMYK build. The page gives no names beyond the values, so the names here are descriptive.
Official site: joinmastodon.org
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 |
|---|---|---|---|---|---|---|---|
| Purple | primary | #6364FF | 99, 100, 255 | 240, 100%, 69% | 2715 C | 56/46/0/0 | Fill screen |
| Dark Purple | secondary | #563ACC | 86, 58, 204 | 252, 59%, 51% | 2725 C | 76/70/0/0 | Fill screen |
| Deep Violet | accent | #17063B | 23, 6, 59 | 259, 82%, 13% | 2765 C | 100/98/0/45 | Fill screen |
| Indigo | accent | #2F0C7A | 47, 12, 122 | 259, 82%, 26% | 2685 C | 92/100/0/10 | Fill screen |
| Light Purple | accent | #858AFA | 133, 138, 250 | 237, 92%, 75% | 7452 C | 55/33/0/0 | Fill screen |
Mastodon against your project
Contrast pairs
Purple passes AA for body text on black, at 4.8 to 1.
Of 42 ordered pairs in this palette, 16 clear 4.5 to 1 for body text and 22 clear 3 to 1 for large text. Row is the text color, column is the background.
| Text color | Purple | Dark Purple | Deep Violet | Indigo | Light Purple | White | Black |
|---|---|---|---|---|---|---|---|
| Purple | 1.7Purple on Dark Purple, fails AA for body text | 4.3Purple on Deep Violet, fails AA for body text | 3.3Purple on Indigo, fails AA for body text | 1.5Purple on Light Purple, fails AA for body text | 4.4Purple on White, fails AA for body text | 4.8Purple on Black, passes AA for body text | |
| Dark Purple | 1.7Dark Purple on Purple, fails AA for body text | 2.5Dark Purple on Deep Violet, fails AA for body text | 2.0Dark Purple on Indigo, fails AA for body text | 2.4Dark Purple on Light Purple, fails AA for body text | 7.3Dark Purple on White, passes AA for body text | 2.9Dark Purple on Black, fails AA for body text | |
| Deep Violet | 4.3Deep Violet on Purple, fails AA for body text | 2.5Deep Violet on Dark Purple, fails AA for body text | 1.3Deep Violet on Indigo, fails AA for body text | 6.2Deep Violet on Light Purple, passes AA for body text | 18.7Deep Violet on White, passes AA for body text | 1.1Deep Violet on Black, fails AA for body text | |
| Indigo | 3.3Indigo on Purple, fails AA for body text | 2.0Indigo on Dark Purple, fails AA for body text | 1.3Indigo on Deep Violet, fails AA for body text | 4.8Indigo on Light Purple, passes AA for body text | 14.4Indigo on White, passes AA for body text | 1.4Indigo on Black, fails AA for body text | |
| Light Purple | 1.5Light Purple on Purple, fails AA for body text | 2.4Light Purple on Dark Purple, fails AA for body text | 6.2Light Purple on Deep Violet, passes AA for body text | 4.8Light Purple on Indigo, passes AA for body text | 3.0Light Purple on White, fails AA for body text | 7.0Light Purple on Black, passes AA for body text | |
| White | 4.4White on Purple, fails AA for body text | 7.3White on Dark Purple, passes AA for body text | 18.7White on Deep Violet, passes AA for body text | 14.4White on Indigo, passes AA for body text | 3.0White on Light Purple, fails AA for body text | 21.0White on Black, passes AA for body text | |
| Black | 4.8Black on Purple, passes AA for body text | 2.9Black on Dark Purple, fails AA for body text | 1.1Black on Deep Violet, fails AA for body text | 1.4Black on Indigo, fails AA for body text | 7.0Black on Light Purple, passes AA for body text | 21.0Black on White, passes AA for body text |
Sources
- Every color on this page: https://joinmastodon.org/branding
Other technology
Share