Mailchimp color palette
SaaSMailchimp's color identity is anchored by its distinctive yellow, complemented by black, white, and a set of neutral grays. The palette is bold, playful, and highly recognizable across digital and print applications.
mailchimp.comMailchimp colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Mailchimp YellowPrimary255, 224, 27
- Mailchimp BlackSecondary36, 28, 21
- Mailchimp AquaAccent0, 196, 204
Surfaces
Page, cards and dividers.- Mailchimp WhiteBackground255, 255, 255
- Mailchimp Light GraySurface246, 246, 244
- Mailchimp Border GrayBorder234, 234, 235
Text
Three tiers of copy.- Mailchimp BlackText36, 28, 21
- Mailchimp Medium GraySecondary text108, 108, 108
- Mailchimp Muted GrayMuted text183, 183, 183
Semantic
Feedback and state colors.- Mailchimp GreenSuccess46, 196, 149
- Mailchimp OrangeWarning255, 181, 69
- Mailchimp RedError232, 92, 65
- Mailchimp AquaInfo0, 196, 204
Use Mailchimp's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
mailchimp-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00C4CC;
--error: #E85C41;
--accent: #00C4CC;
--border: #EAEAEB;
--primary: #FFE01B;
--success: #2EC495;
--surface: #F6F6F4;
--warning: #FFB545;
--secondary: #241C15;
--text-muted: #B7B7B7;
--background: #FFFFFF;
--text-primary: #241C15;
--text-secondary: #6C6C6C;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.8:1
Pass
Text on surface
Needs 4.5:1 for body text
15.5:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.9:1
Pass
Muted text on background
Needs 3:1 for large text
2.0:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
Mailchimp background, border and text colors
The quiet part of the Mailchimp palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Mailchimp WhiteBackground
- HEX
- RGB
- HSL
- Mailchimp Light GraySurface
- HEX
- RGB
- HSL
- Mailchimp Border GrayBorder
- HEX
- RGB
- HSL
- Mailchimp BlackText
- HEX
- RGB
- HSL
- Mailchimp Medium GraySecondary text
- HEX
- RGB
- HSL
- Mailchimp Muted GrayMuted text
- HEX
- RGB
- HSL
About Mailchimp's colors
Mailchimp's palette uses a high-contrast yellow and black combination to create a playful yet authoritative look. Neutrals and accent colors provide balance and flexibility for UI and marketing needs.
Primary yellow contrasts with deep black for high visibility.
Aqua and green accents support calls to action and status messages.
Neutral grays unify backgrounds, borders, and text.
Psychology
The yellow evokes optimism, creativity, and approachability, while black adds clarity and strength. Aqua and green accents convey freshness and reliability.
Evolution
Mailchimp's palette has remained consistent since its major rebrand in 2018, emphasizing yellow and black. Minor adjustments have refined the supporting neutrals and accent tones for digital accessibility.
Where Mailchimp uses each color
- Primary
Mailchimp Yellow is used for logos, highlights, and key CTAs.
- Secondary
Mailchimp Black is prominent in navigation bars, headings, and illustrations.
- Accent
Mailchimp Aqua is used for buttons, links, and informational highlights.
- Backgrounds
Mailchimp White and Light Gray are used for page backgrounds and cards.
- Text
Mailchimp Black is the primary text color, with Medium and Muted Grays for secondary and disabled text.
- Semantic
Green, Orange, and Red are used for success, warning, and error states in the UI.
Mailchimp color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Mailchimp primary color is #FFE01B, known as Mailchimp Yellow.
Mailchimp Yellow (#FFE01B) is RGB(255, 224, 27) and CMYK(0, 0, 89, 0).
Mailchimp uses Light Gray (#F6F6F4), Border Gray (#EAEAEB), Medium Gray (#6C6C6C), and Muted Gray (#B7B7B7) for backgrounds, borders, and text.
Use Mailchimp Yellow (#FFE01B) for primary branding, with Black (#241C15) and neutrals for structure and readability. Accents and semantic colors should highlight actions and status only.
The secondary color is Mailchimp Black, #241C15, and the accent is Mailchimp Aqua, #00C4CC. Together with the primary they make up the three brand colors at the top of this page.
4 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Mailchimp's colors consistently when it generates UI.
Make something in the spirit of Mailchimp
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.