#845946Cocoa
#A57344Copper
#C0736BClay
#DC9AA5Lilac

Clay & Copper Mood color palette

EarthyMutedWarmBrownPink
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Clay & Copper Mood is a analogous color palette tagged earthy, muted, warm. Analogous neighbors on the wheel (Cocoa, Copper, Clay) 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
Cocoa#845946rgb(132, 89, 70)hsl(18, 31%, 40%)oklch(50.6% 0.064 45)
Copper#A57344rgb(165, 115, 68)hsl(29, 42%, 46%)oklch(59.7% 0.089 63)
Clay#C0736Brgb(192, 115, 107)hsl(6, 40%, 59%)oklch(63.7% 0.099 27)
Lilac#DC9AA5rgb(220, 154, 165)hsl(350, 49%, 73%)oklch(75.3% 0.080 8)

Why it works and how to use it

The palette holds together thanks to its analogous hue relationship and a soft light-to-dark ladder (73% down to 40% lightness). A natural fit for wellness, organic and outdoor brands.

  • Background: Lilac (#DC9AA5) is the lightest color, so it belongs on large surfaces.
  • Text: Cocoa (#845946) on #DC9AA5 gives 2.63:1, so pair it with a darker neutral for body copy.
  • Primary: Copper (#A57344) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
  • Accent: Clay (#C0736B) 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 Clay & Copper Mood

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

#845946
#A57344
#C0736B
#DC9AA5

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#845946 on #DC9AA5Aa2.63:1Fail
#A57344 on #DC9AA5Aa1.79:1Fail
#845946 on #C0736BAa1.69:1Fail
#C0736B on #DC9AA5Aa1.56:1Fail
#845946 on #A57344Aa1.47:1Fail
#A57344 on #C0736BAa1.15:1Fail

Similar palettes 24 more in this mood

More earthy palettes →More muted palettes →More warm palettes →More brown palettes →More pink palettes →