#DFCEADOat
#BFA797Dust
#96978EPewter
#6A8667Shadow

Shadow & Oat Glow color palette

ScandinavianMutedBeigeGrayBrown
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Shadow & Oat Glow is a muted monochromatic color palette tagged scandinavian, muted, beige. A monochromatic set: the same hue family from Shadow down to Oat. Saturation stays low across the board, giving it a calm, editorial feel. The overall temperature is warm.

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Oat#DFCEADrgb(223, 206, 173)hsl(40, 44%, 78%)oklch(85.7% 0.048 84)
Dust#BFA797rgb(191, 167, 151)hsl(24, 24%, 67%)oklch(74.5% 0.036 56)
Pewter#96978Ergb(150, 151, 142)hsl(67, 4%, 57%)oklch(67.3% 0.013 112)
Shadow#6A8667rgb(106, 134, 103)hsl(114, 13%, 46%)oklch(58.9% 0.056 142)

Why it works and how to use it

It works because the lightness steps are gentle (46% to 78%), which keeps the mood consistent from edge to edge. Try it for websites, presentations and branding.

  • Background: Oat (#DFCEAD) is the lightest color, so it belongs on large surfaces.
  • Text: Shadow (#6A8667) on #DFCEAD gives 2.6:1, so pair it with a darker neutral for body copy.
  • Primary: Dust (#BFA797) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Pewter (#96978E) for highlights, badges and hover states.

No pair inside the palette reaches 4.5:1, so add black or white for body text.

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

BrandFeaturesPricingBlogGet started

Design faster with Shadow & Oat Glow

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

#DFCEAD
#BFA797
#96978E
#6A8667

Color-blind check: under protanopia, Pewter and Shadow become hard to tell apart, so do not rely on that pair alone to carry meaning.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#DFCEAD on #6A8667Aa2.6:1Fail
#DFCEAD on #96978EAa1.91:1Fail
#BFA797 on #6A8667Aa1.76:1Fail
#DFCEAD on #BFA797Aa1.48:1Fail
#96978E on #6A8667Aa1.36:1Fail
#BFA797 on #96978EAa1.29:1Fail

Similar palettes 24 more in this mood

More scandinavian palettes →More muted palettes →More beige palettes →More gray palettes →More brown palettes →