Moleskine color palette
ConsumerMoleskine's color identity is defined by a classic, understated palette centered on deep black and neutral tones, reflecting its heritage in premium notebooks and creative tools. The brand's visual language is minimal, with black as the signature color and subtle accents for clarity and elegance.
moleskine.comMoleskine colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Moleskine BlackPrimary17, 17, 17
- Moleskine IvorySecondary245, 245, 242
- Moleskine YellowAccent255, 210, 0
Surfaces
Page, cards and dividers.- Moleskine WhiteBackground255, 255, 255
- Moleskine IvorySurface245, 245, 242
- Moleskine Light GrayBorder211, 211, 206
Text
Three tiers of copy.- Moleskine BlackText17, 17, 17
- Moleskine GraySecondary text102, 102, 102
- Moleskine Muted GrayMuted text160, 160, 160
Semantic
Feedback and state colors.- Moleskine GreenSuccess75, 175, 80
- Moleskine YellowWarning255, 210, 0
- Moleskine RedError215, 38, 61
- Moleskine BlueInfo25, 118, 210
Use Moleskine's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
moleskine-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #D7263D;
--accent: #FFD200;
--border: #D3D3CE;
--primary: #111111;
--success: #4BAF50;
--surface: #F5F5F2;
--warning: #FFD200;
--secondary: #F5F5F2;
--text-muted: #A0A0A0;
--background: #FFFFFF;
--text-primary: #111111;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
18.9:1
Pass
Text on surface
Needs 4.5:1 for body text
17.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3:1
Pass
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Moleskine gray and neutral colors
The quiet part of the Moleskine palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Moleskine WhiteBackground
- HEX
- RGB
- HSL
- Moleskine IvorySurface
- HEX
- RGB
- HSL
- Moleskine Light GrayBorder
- HEX
- RGB
- HSL
- Moleskine BlackText
- HEX
- RGB
- HSL
- Moleskine GraySecondary text
- HEX
- RGB
- HSL
- Moleskine Muted GrayMuted text
- HEX
- RGB
- HSL
About Moleskine's colors
Moleskine's palette is rooted in deep black and warm neutrals, evoking timelessness and sophistication. Accents are used sparingly to highlight key actions and information.
Primary black contrasts with ivory backgrounds for high readability.
Yellow accent draws attention to calls-to-action and highlights.
Grays provide structure and subtle separation in the UI.
Psychology
The dominant black conveys professionalism, reliability, and creative potential. Ivory and yellow add warmth and approachability, balancing the starkness of black.
Evolution
Moleskine's color palette has remained largely stable, emphasizing black and neutrals since its inception. Minor adjustments have been made to accent colors for digital clarity.
Where Moleskine uses each color
- Primary
Used for the logo, navigation bar, and primary text.
- Secondary
Applied as the main background and on product pages to evoke the paper color.
- Accent
Highlights buttons, links, and promotional banners.
- Backgrounds
White and ivory backgrounds are used across website sections and product displays.
- Text
Black for main text, gray for secondary or muted information.
- Semantic
Green, yellow, red, and blue are reserved for status indicators, alerts, and notifications.
Moleskine color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Moleskine brand color is Moleskine Black, hex code #111111.
Moleskine Black (hex #111111) is RGB(17, 17, 17); for CMYK, use 0, 0, 0, 93.
Moleskine uses Moleskine Ivory (#F5F5F2) for surfaces and backgrounds, and Moleskine Light Gray (#D3D3CE) for borders and subtle dividers.
Use Moleskine Black (#111111) for primary elements and text, with ivory and white backgrounds; yellow is for accents and calls-to-action. Semantic colors are reserved for status and alerts.
The secondary color is Moleskine Ivory, #F5F5F2, and the accent is Moleskine Yellow, #FFD200. 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 Moleskine's colors consistently when it generates UI.
Make something in the spirit of Moleskine
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.