#F7F6F2Smoke
#D9D7D0Fog
#6F6E6ADove Gray
#1B1B1ARaisin

Newsprint color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Newsprint is a muted neutral-based color palette tagged monochrome, minimal, white. Smoke is the only saturated color here, so it does all the talking against a neutral base. Every color is softened, so it works well as a background system for text-heavy layouts.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Smoke#F7F6F2rgb(247, 246, 242)hsl(48, 24%, 96%)oklch(97.3% 0.005 95)
Fog#D9D7D0rgb(217, 215, 208)hsl(47, 11%, 83%)oklch(87.9% 0.010 94)
Dove Gray#6F6E6Argb(111, 110, 106)hsl(48, 2%, 43%)oklch(53.8% 0.006 95)
Raisin#1B1B1Argb(27, 27, 26)hsl(60, 2%, 10%)oklch(22.2% 0.002 107)

Why it works and how to use it

Two of the four colors are near-neutral, which leaves room for Fog to lead. Lightness runs from 10% to 96%. Well suited to websites, presentations and branding.

  • Background: Smoke (#F7F6F2) is the lightest color, so it belongs on large surfaces.
  • Text: Raisin (#1B1B1A) on #F7F6F2 gives 15.94:1, passing WCAG AAA.
  • Primary: Fog (#D9D7D0) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Dove Gray (#6F6E6A) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Raisin at 15.94:1.

Preview on a real UI see how the palette feels in context

BrandFeaturesPricingBlogGet started

Design faster with Newsprint

A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.

Primary action Secondary
Card title
Card title
Card title
Roles are assigned by lightness.

Color blindness simulation

#F7F6F2
#D9D7D0
#6F6E6A
#1B1B1A

Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#F7F6F2 on #1B1B1AAa15.94:1AAA
#D9D7D0 on #1B1B1AAa11.97:1AAA
#F7F6F2 on #6F6E6AAa4.72:1AA
#D9D7D0 on #6F6E6AAa3.54:1AA large only
#6F6E6A on #1B1B1AAa3.38:1AA large only
#F7F6F2 on #D9D7D0Aa1.33:1Fail

Similar palettes 24 more in this mood