Software & SaaS
Mailchimp Color Codes
Mailchimp's colors are Cavendish Yellow #FFE01B and black #0A0A08. The Mailchimp color codes in Hex, RGB and CMYK can be found below. Ben Chestnut and Mark Armstrong built it in 2001 as a side project inside their web design agency, and named it after one of their most popular e-greetings characters. Intuit bought it on 1 November 2021 for about $12 billion.
Primary colors
What are Mailchimp Primary Colors?
Mailchimp's primary color is yellow #FFE01B, with black #0A0A08 on the wordmark and the monkey.
Mailchimp publishes no public CMYK or Pantone sheet, so both are shown below as conversions and nearest matches.
Mailchimp Yellow
| Hex | #FFE01B |
|---|---|
| RGB | 255, 224, 27 |
| HSL | hsl(52, 100%, 55%) |
| CMYK | 0%, 12%, 89%, 0%converted · approximate |
| Pantone | PMS 108 Cnearest match · not published by the brand |
Mailchimp Black
| Hex | #0A0A08 |
|---|---|
| RGB | 10, 10, 8 |
| HSL | hsl(60, 11%, 4%) |
| CMYK | 0%, 0%, 20%, 96%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Mailchimp Hex Color Codes
Mailchimp hex color codes are #FFE01B for yellow and #0A0A08 for black.
| Color | Hex |
|---|---|
| Yellow | #FFE01B |
| Black | #0A0A08 |
Mailchimp RGB Color Codes
Mailchimp RGB color codes are 255, 224, 27 for yellow and 10, 10, 8 for black. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Yellow | rgb(255, 224, 27) |
| Black | rgb(10, 10, 8) |
Mailchimp HSL Color Codes
Mailchimp HSL color codes are 52, 100%, 55% for yellow and 60, 11%, 4% for black. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Yellow | hsl(52, 100%, 55%) |
| Black | hsl(60, 11%, 4%) |
Mailchimp CMYK Color Code
Mailchimp CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Yellow | 0%, 12%, 89%, 0% |
| Black | 0%, 0%, 20%, 96% |
Mailchimp Pantone Color Codes
Mailchimp Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Yellow | PMS 108 C |
| Black | PMS 419 C |
Logo
Mailchimp Logo Colors
Mailchimp logo colors are black on yellow, with Freddie the chimp drawn in a single line.
Mailchimp Logo Colors Palette
What the Mailchimp Logo Colors Mean?
The Mailchimp logo colors come from a greetings card. The company was a side project of a web design agency and took its name from one of the characters it was already selling, which is why a serious marketing platform is represented by a chimpanzee called Freddie. The 2018 rebrand cut the palette to one yellow and one near-black and drew Freddie as a single continuous line. Yellow at 1.1:1 against white cannot hold text at all, so the black is not decoration here, it is the only readable half of the pair.
Mailchimp Logo Color History
Mailchimp logo color history turns on 2018. Before it, Freddie was a shaded, illustrated chimp and the palette was softer and broader. The rebrand flattened him to a line drawing, made Cavendish Yellow the ground rather than an accent, and set everything else in near-black.
Mailchimp Logo JPG
Mailchimp logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Mailchimp Logo PNG
Mailchimp logo in PNG, with a transparent background. Use it over a colored surface.
Mailchimp Logo WebP
Mailchimp logo in WebP. Same transparency as the PNG at about a third of the file size.
Mailchimp Color Code Shades
Mailchimp color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Mailchimp paint or trim names.
In code
Using the Mailchimp palette
CSS custom properties
:root {
--mailchimp-yellow: #FFE01B;
--mailchimp-black: #0A0A08;
}Contrast against white
| Yellow | 1.32:1AA × |
|---|---|
| Black | 19.81: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.