The New Yorker color palette
MediaThe New Yorker uses a minimalist, monochrome color identity centered on black and white, reflecting its literary and journalistic heritage. The palette is timeless and understated, emphasizing clarity and sophistication.
newyorker.comThe New Yorker colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- New Yorker BlackPrimary0, 0, 0
- New Yorker WhiteSecondary255, 255, 255
- New Yorker RedAccent230, 57, 70
Surfaces
Page, cards and dividers.- New Yorker Light GrayBackground247, 247, 247
- New Yorker PaperSurface240, 240, 240
- New Yorker Border GrayBorder216, 216, 216
Text
Three tiers of copy.- New Yorker BlackText0, 0, 0
- New Yorker GraySecondary text102, 102, 102
- New Yorker Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- New Yorker GreenSuccess60, 179, 113
- New Yorker OrangeWarning255, 165, 0
- New Yorker RedError230, 57, 70
- New Yorker BlueInfo58, 110, 165
Use The New Yorker's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
the-new-yorker-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3A6EA5;
--error: #E63946;
--accent: #E63946;
--border: #D8D8D8;
--primary: #000000;
--success: #3CB371;
--surface: #F0F0F0;
--warning: #FFA500;
--secondary: #FFFFFF;
--text-muted: #999999;
--background: #F7F7F7;
--text-primary: #000000;
--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
19.6:1
Pass
Text on surface
Needs 4.5:1 for body text
18.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.4:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.0:1
Pass
Muted text on background
Needs 3:1 for large text
2.7:1
Fail
Muted text on surface
Needs 3:1 for large text
2.5:1
Fail
The New Yorker gray and neutral colors
The quiet part of the The New Yorker palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- New Yorker Light GrayBackground
- HEX
- RGB
- HSL
- New Yorker PaperSurface
- HEX
- RGB
- HSL
- New Yorker Border GrayBorder
- HEX
- RGB
- HSL
- New Yorker BlackText
- HEX
- RGB
- HSL
- New Yorker GraySecondary text
- HEX
- RGB
- HSL
- New Yorker Muted GrayMuted text
- HEX
- RGB
- HSL
About The New Yorker's colors
The New Yorker employs a high-contrast monochrome palette, with red and blue accents for emphasis. The restrained color system supports a focus on content and legibility.
Black and white provide maximum contrast.
Red is used sparingly for highlights and notifications.
Grays create hierarchy and structure in UI elements.
Psychology
Black and white evoke authority, elegance, and seriousness, aligning with the brand's literary reputation. The red accent adds urgency and draws attention to key actions or alerts.
Evolution
The New Yorker's palette has remained largely unchanged, consistently favoring black, white, and subtle grays. Occasional accent colors like red and blue have been introduced for digital interfaces.
Where The New Yorker uses each color
- Primary
Used for the logo, headlines, and primary navigation text.
- Secondary
Used for page backgrounds and negative space.
- Accent
Appears in subscription buttons, notifications, and links.
- Backgrounds
Light gray backgrounds are used behind article content and UI cards.
- Text
Black for primary text, gray for secondary and muted text.
- Semantic
Green, orange, and red are used for status indicators and alerts in digital interfaces.
The New Yorker color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary brand color for The New Yorker is black, with the hex code #000000.
The RGB value for New Yorker Black is (0, 0, 0), and the CMYK equivalent is (0, 0, 0, 100).
The New Yorker uses several neutral tones, including #F7F7F7 for backgrounds, #F0F0F0 for surfaces, #D8D8D8 for borders, #666666 for secondary text, and #999999 for muted text.
Use black (#000000) for logos and primary text, white (#FFFFFF) for backgrounds, and red (#E63946) sparingly for accents or calls to action. Grays are used for UI structure and text hierarchy.
The secondary color is New Yorker White, #FFFFFF, and the accent is New Yorker Red, #E63946. 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 The New Yorker's colors consistently when it generates UI.
Make something in the spirit of The New Yorker
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.