Software & SaaS
Mixpanel Color Codes
Mixpanel's color is violet-blue #7856FF. The Mixpanel color codes in Hex, RGB and CMYK can be found below. Suhail Doshi and Tim Trefren went through Y Combinator's summer 2009 batch with a $15,000 cheque and a prototype that recorded button clicks and video plays. Doshi was 19, one of the youngest founders YC had taken.
Primary colors
What are Mixpanel Primary Colors?
Mixpanel's primary color is #7856FF, a violet-blue brighter than the purples most analytics tools use.
Mixpanel publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Mixpanel Violet
| Hex | #7856FF |
|---|---|
| RGB | 120, 86, 255 |
| HSL | hsl(252, 100%, 67%) |
| CMYK | 53%, 66%, 0%, 0%converted · approximate |
| Pantone | PMS 2736 Cnearest match · not published by the brand |
Mixpanel Hex Color Codes
Mixpanel hex color codes are #7856FF for violet.
| Color | Hex |
|---|---|
| Violet | #7856FF |
Mixpanel RGB Color Codes
Mixpanel RGB color codes are 120, 86, 255 for violet. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Violet | rgb(120, 86, 255) |
Mixpanel HSL Color Codes
Mixpanel HSL color codes are 252, 100%, 67% for violet. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Violet | hsl(252, 100%, 67%) |
Mixpanel CMYK Color Code
Mixpanel CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Violet | 53%, 66%, 0%, 0% |
Mixpanel Pantone Color Codes
Mixpanel Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Violet | PMS 2736 C |
Logo
Mixpanel Logo Colors
Mixpanel logo colors are a single violet-blue, used flat.
Mixpanel Logo Colors Palette
What the Mixpanel Logo Colors Mean?
The Mixpanel logo colors put it in a crowded corner of the spectrum on purpose. Purple has become the default for analytics and developer tooling, and #7856FF is a lighter, bluer take on it than Datadog's #632CA6 or Sentry's #362D59. Being brighter is the trade: it reads better on a white dashboard and worse on a dark one. Against white it measures 4.4:1, which just misses AA for body text.
Mixpanel Logo JPG
Mixpanel logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Mixpanel Logo PNG
Mixpanel logo in PNG, with a transparent background. Use it over a colored surface.
Mixpanel Logo WebP
Mixpanel logo in WebP. Same transparency as the PNG at about a third of the file size.
Mixpanel Color Code Shades
Mixpanel color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Mixpanel paint or trim names.
In code
Using the Mixpanel palette
CSS custom properties
:root {
--mixpanel-violet: #7856FF;
}Contrast against white
| Violet | 4.59:1AA ✓ |
|---|
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.