#3B2E23Jet
#6B5A3ECoffee
#8FA26BMoss
#EEF0E4Linen

Peat & Moss color palette

NatureMutedMinimalGrayBrownWhite
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Peat & Moss is a analogous color palette tagged nature, muted, minimal. Analogous neighbors on the wheel (Jet, Coffee, Moss) give it a natural, low-tension flow. Saturation is moderate, which keeps it flexible for both interfaces and print. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Jet#3B2E23rgb(59, 46, 35)hsl(27, 26%, 18%)oklch(31.2% 0.027 62)
Coffee#6B5A3Ergb(107, 90, 62)hsl(37, 27%, 33%)oklch(47.7% 0.047 80)
Moss#8FA26Brgb(143, 162, 107)hsl(81, 23%, 53%)oklch(68.3% 0.079 124)
Linen#EEF0E4rgb(238, 240, 228)hsl(70, 29%, 92%)oklch(95.0% 0.016 114)

Why it works and how to use it

With 4 chromatic colors, Coffee takes the lead while the rest support. Lightness runs from 18% to 92%. Well suited to wellness, organic and outdoor brands.

  • Background: Linen (#EEF0E4) is the lightest color, so it belongs on large surfaces.
  • Text: Jet (#3B2E23) on #EEF0E4 gives 11.38:1, passing WCAG AAA.
  • Primary: Coffee (#6B5A3E) is the most saturated mid-tone; use it for buttons and links (5.77:1 against the background, fine for UI elements).
  • Accent: Moss (#8FA26B) for highlights, badges and hover states.

3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Jet on Linen at 11.38:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Peat & Moss

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

#3B2E23
#6B5A3E
#8FA26B
#EEF0E4

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#3B2E23 on #EEF0E4Aa11.38:1AAA
#6B5A3E on #EEF0E4Aa5.77:1AA
#3B2E23 on #8FA26BAa4.71:1AA
#8FA26B on #EEF0E4Aa2.41:1Fail
#6B5A3E on #8FA26BAa2.39:1Fail
#3B2E23 on #6B5A3EAa1.97:1Fail

Similar palettes 24 more in this mood

More nature palettes →More muted palettes →More minimal palettes →More gray palettes →More brown palettes →More white palettes →