#C0DDBACeladon
#858452Shadow
#836946Cocoa
#552F21Taupe

Café Shadow & Taupe color palette

CoffeeMutedWarmEarthyBrown
Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Café Shadow & Taupe is a split color palette tagged coffee, muted, warm. A split scheme: Celadon plays against Taupe across roughly 94° of hue. 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
Celadon#C0DDBArgb(192, 221, 186)hsl(110, 34%, 80%)oklch(86.7% 0.057 140)
Shadow#858452rgb(133, 132, 82)hsl(59, 24%, 42%)oklch(60.2% 0.070 107)
Cocoa#836946rgb(131, 105, 70)hsl(34, 30%, 39%)oklch(53.8% 0.060 74)
Taupe#552F21rgb(85, 47, 33)hsl(16, 44%, 23%)oklch(35.0% 0.061 41)

Why it works and how to use it

The palette holds together thanks to its split hue relationship and a strong light-to-dark ladder (80% down to 23% lightness). A natural fit for wellness, organic and outdoor brands.

  • Background: Celadon (#C0DDBA) is the lightest color, so it belongs on large surfaces.
  • Text: Taupe (#552F21) on #C0DDBA gives 7.88:1, passing WCAG AAA.
  • Primary: Cocoa (#836946) is the most saturated mid-tone; use it for buttons and links (3.51:1 against the background, fine for UI elements).
  • Accent: Shadow (#858452) for highlights, badges and hover states.

1 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Celadon on Taupe at 7.88:1.

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

BrandFeaturesPricingBlogGet started

Design faster with Café Shadow & Taupe

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

#C0DDBA
#858452
#836946
#552F21

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

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#C0DDBA on #552F21Aa7.88:1AAA
#C0DDBA on #836946Aa3.51:1AA large only
#858452 on #552F21Aa2.99:1Fail
#C0DDBA on #858452Aa2.64:1Fail
#836946 on #552F21Aa2.24:1Fail
#858452 on #836946Aa1.33:1Fail

Similar palettes 24 more in this mood

More coffee palettes →More muted palettes →More warm palettes →More earthy palettes →More brown palettes →