#180A06Licorice
#563B2EWalnut
#8C6243Cocoa
#D0C6BBPutty

Rustic Cocoa & Walnut Dream color palette

Color codes click any value to copy

SwatchNameHEXRGBHSLOKLCH
Licorice#180A06rgb(24, 10, 6)hsl(13, 60%, 6%)oklch(16.5% 0.027 39)
Walnut#563B2Ergb(86, 59, 46)hsl(20, 30%, 26%)oklch(37.9% 0.044 47)
Cocoa#8C6243rgb(140, 98, 67)hsl(25, 35%, 41%)oklch(53.3% 0.071 57)
Putty#D0C6BBrgb(208, 198, 187)hsl(31, 18%, 77%)oklch(83.2% 0.019 70)

Why it works and how to use it

Rustic Cocoa & Walnut Dream is a dark, monochromatic color palette tagged dark, muted, minimal. All four colors sit within 11° of hue, so the scheme reads as one color explored across light and dark. Neither washed out nor loud, it adapts to most contexts. The overall temperature is warm.

With 3 chromatic colors, Cocoa takes the lead while the rest support. Lightness runs from 6% to 77%. Well suited to wellness, organic and outdoor brands.

  • Background: Putty (#D0C6BB) is the lightest color, so it belongs on large surfaces.
  • Text: Licorice (#180A06) on #D0C6BB gives 11.5:1, passing WCAG AAA.
  • Primary: Cocoa (#8C6243) is the most saturated mid-tone; use it for buttons and links (3.16:1 against the background, fine for UI elements).
  • Accent: Walnut (#563B2E) for highlights, badges and hover states.

2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Licorice on Putty at 11.5:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Rustic Cocoa & Walnut Dream

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

#180A06
#563B2E
#8C6243
#D0C6BB

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

Palette card

Rustic Cocoa & Walnut Dream color palette card: Licorice #180A06, Walnut #563B2E, Cocoa #8C6243, Putty #D0C6BB
Save or share Rustic Cocoa & Walnut Dream as an image with its hex codes.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#180A06 on #D0C6BBAa11.5:1AAA
#563B2E on #D0C6BBAa6.05:1AA
#180A06 on #8C6243Aa3.63:1AA large only
#8C6243 on #D0C6BBAa3.16:1AA large only
#563B2E on #8C6243Aa1.91:1Fail
#180A06 on #563B2EAa1.9:1Fail

Similar palettes 24 more in this mood