The Atlantic
The Atlantic palette as deployed on theatlantic.com. The 165-year publication's identity is anchored by the signature Atlantic red (#E7131A) — the masthead and ™ accent — paired with a deep graphite ink on a warm cream canvas (#FAF4EB). Secondary desaturated grays and a calm teal-cyan handle data viz and interactive emphasis. The proprietary Lyon (display serif), Atlantic Condensed, Druk (display), Goldwyn, and Graphik (sans) typefaces carry the long-form essay voice.
24 swatches 13 light roles 13 dark roles
Swatches
signature-red
#E7131A
The signature Atlantic red — masthead and ™ accent.
red-bright
#F0204F
Brighter red for live-update and emphasis.
red-deep
#D0021B
Deeper red — pressed states and editorial emphasis.
cream
#FAF4EB
Warm cream canvas — the Atlantic paper tone.
white
#FFFFFF
Bright white — high-contrast canvas alternate.
surface-light
#F7F7F7
Cool quiet surface.
surface-tint
#F5F5F5
Lighter cool surface.
surface-quiet
#F4F4F4
Subtle inset surface.
surface-faint
#F0F0F0
Faintest quiet surface tint.
ink
#1E1E1E
Primary body text — the Atlantic ink.
ink-warm
#2C2C2C
Warm body text variant.
ink-cool
#2D2D2D
Cool body text variant.
graphite
#39434B
Cool graphite — heading and deck color.
graphite-medium
#484542
Warm graphite — alternate body.
graphite-quiet
#5E6A74
Quiet graphite — secondary text on light.
gray-disabled
#9B9B9B
Disabled text; quiet meta.
gray-border
#C1C1C1
Heavy border weight.
gray-divider
#DBDBDB
Quiet rule weight.
cyan-deep
#00ADC3
Calm cyan — data viz and interactive emphasis.
cyan-bright
#31C6CC
Brighter cyan for hover and accent.
blue-link
#0076BF
Trusted-source link blue.
blue-link-deep
#0066BE
Pressed blue link.
navy
#000929
Deep navy — dark accent surface.
gold
#FFC200
Warning gold; quiet editorial highlight.
Mode role mappings
Light mode (13 roles)
accent
→ signature-red accent-hover
→ red-deep background
→ cream border
→ gray-divider error
→ red-deep primary
→ blue-link primary-hover
→ blue-link-deep surface
→ surface-light surface-elevated
→ white text-primary
→ ink text-secondary
→ graphite text-tertiary
→ graphite-quiet warning
→ gold Dark mode (13 roles)
accent
→ signature-red accent-hover
→ red-bright background
→ ink border
→ graphite error
→ red-bright primary
→ cyan-bright primary-hover
→ cyan-deep surface
→ graphite surface-elevated
→ graphite-medium text-primary
→ cream text-secondary
→ gray-divider text-tertiary
→ gray-border warning
→ gold Provenance
- Source
- https://www.theatlantic.com/
- License
Proprietary — All Rights Reserved- Attribution
- The Atlantic Monthly Group LLC — palette values captured from the deployed Next.js stylesheet at cdn.theatlantic.com/ _next/static/css/. The Atlantic, the Lyon / Atlantic Condensed / Druk / Goldwyn / Graphik / Adobe Garamond Pro typefaces are property of The Atlantic.
- Imported
-
2026-05-19 - Notes
- Derived from live site CSS at https://www.theatlantic.com/ on 2026-05-19; no public brand guide located. The proprietary Lyon (the magazine's display serif), Atlantic Condensed, Druk, Goldwyn, and Graphik typefaces are declared on the live stylesheet but are not publicly distributed. Open-source substitutes — lora@1 for the serif body role, playfair-display@1 for the display serif role, inter@1 for sans — are referenced from the brand atom. Adobe Garamond Pro is used in archival/legacy contexts on the site.