Mollie color palette
FinanceMollie's brand identity is defined by a bold, vibrant red paired with clean white and neutral greys, creating a modern, approachable look for its financial technology services. The palette is minimal and highly recognizable, emphasizing clarity and trust.
mollie.comMollie colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Mollie RedPrimary255, 43, 86
- Mollie WhiteSecondary255, 255, 255
- Mollie BlackAccent0, 0, 0
Surfaces
Page, cards and dividers.- Mollie Light GreyBackground247, 247, 247
- Mollie White SurfaceSurface255, 255, 255
- Mollie Border GreyBorder224, 224, 224
Text
Three tiers of copy.- Mollie CharcoalText26, 26, 26
- Mollie Medium GreySecondary text109, 109, 109
- Mollie Muted GreyMuted text179, 179, 179
Semantic
Feedback and state colors.- Mollie GreenSuccess0, 196, 140
- Mollie YellowWarning255, 184, 0
- Mollie RedError255, 43, 86
- Mollie BlueInfo0, 153, 255
Use Mollie's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
mollie-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0099FF;
--error: #FF2B56;
--accent: #000000;
--border: #E0E0E0;
--primary: #FF2B56;
--success: #00C48C;
--surface: #FFFFFF;
--warning: #FFB800;
--secondary: #FFFFFF;
--text-muted: #B3B3B3;
--background: #F7F7F7;
--text-primary: #1A1A1A;
--text-secondary: #6D6D6D;
}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.2:1
Pass
Text on surface
Needs 4.5:1 for body text
17.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.8:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.2: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
2.1:1
Fail
Mollie gray and neutral colors
The quiet part of the Mollie palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Mollie Light GreyBackground
- HEX
- RGB
- HSL
- Mollie White SurfaceSurface
- HEX
- RGB
- HSL
- Mollie Border GreyBorder
- HEX
- RGB
- HSL
- Mollie CharcoalText
- HEX
- RGB
- HSL
- Mollie Medium GreySecondary text
- HEX
- RGB
- HSL
- Mollie Muted GreyMuted text
- HEX
- RGB
- HSL
About Mollie's colors
Mollie's palette uses a striking red as its core, supported by neutral whites and greys for clarity and accessibility. The minimalistic approach ensures strong brand recognition and a modern, trustworthy appearance.
Primary red contrasts with white for high visibility.
Greys provide hierarchy and subtlety in UI elements.
Accent black is used for emphasis and text.
Psychology
Red conveys energy, confidence, and action, aligning with Mollie's innovative financial services. The neutral tones balance the vibrancy, promoting trust and professionalism.
Evolution
Mollie's color palette has remained consistent, with red as the anchor since its early branding. Minor adjustments to grey tones have improved accessibility and modernized the interface.
Where Mollie uses each color
- Primary
Mollie Red is used for the logo, primary CTAs, and key highlights across the website and app.
- Secondary
Mollie White serves as the main background and surface color for clean layouts.
- Accent
Mollie Black is used for important text and icons to ensure readability.
- Backgrounds
Mollie Light Grey is applied to app backgrounds and dashboard panels.
- Text
Mollie Charcoal and Medium Grey are used for primary and secondary text, respectively.
- Semantic
Mollie Green, Yellow, and Blue indicate success, warnings, and informational states in UI feedback.
Mollie color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Mollie brand color is Mollie Red, hex code #FF2B56.
Mollie Red (#FF2B56) in RGB is 255, 43, 86; in CMYK it is 0, 83, 66, 0.
Mollie uses Mollie Light Grey (#F7F7F7), Mollie Border Grey (#E0E0E0), and Mollie Charcoal (#1A1A1A) for backgrounds, borders, and text.
Mollie Red (#FF2B56) should be reserved for key actions and branding, while neutrals and accent colors structure the interface and feedback states.
The secondary color is Mollie White, #FFFFFF, and the accent is Mollie Black, #000000. 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 Mollie's colors consistently when it generates UI.
Make something in the spirit of Mollie
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.