#CFB196Tan
#886155Cocoa
#833044Brick Red
#4F3F00Taupe

Desert Brick Red & Taupe color palette

Open in generator
Ask AI about this palette: ChatGPTClaudePerplexity

Desert Brick Red & Taupe is a analogous color palette tagged earthy, warm, brown. Analogous neighbors on the wheel (Tan, Cocoa, Brick Red) 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
Tan#CFB196rgb(207, 177, 150)hsl(28, 37%, 70%)oklch(78.0% 0.051 64)
Cocoa#886155rgb(136, 97, 85)hsl(14, 23%, 43%)oklch(53.0% 0.055 38)
Brick Red#833044rgb(131, 48, 68)hsl(346, 46%, 35%)oklch(43.4% 0.115 8)
Taupe#4F3F00rgb(79, 63, 0)hsl(48, 100%, 15%)oklch(37.4% 0.077 93)

Why it works and how to use it

With 4 chromatic colors, Brick Red takes the lead while the rest support. Lightness runs from 15% to 70%. Well suited to wellness, organic and outdoor brands.

  • Background: Tan (#CFB196) is the lightest color, so it belongs on large surfaces.
  • Text: Taupe (#4F3F00) on #CFB196 gives 5.08:1, passing WCAG AA.
  • Primary: Brick Red (#833044) is the most saturated mid-tone; use it for buttons and links (4.2:1 against the background, fine for UI elements).
  • Accent: Cocoa (#886155) for highlights, badges and hover states.

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

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

BrandFeaturesPricingBlogGet started

Design faster with Desert Brick Red & 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

#CFB196
#886155
#833044
#4F3F00

Color-blind check: under deuteranopia, Brick Red and Taupe become hard to tell apart, so do not rely on that pair alone to carry meaning.

Contrast check WCAG ratios between palette colors

PairSampleRatioLevel
#CFB196 on #4F3F00Aa5.08:1AA
#CFB196 on #833044Aa4.2:1AA large only
#CFB196 on #886155Aa2.67:1Fail
#886155 on #4F3F00Aa1.9:1Fail
#886155 on #833044Aa1.57:1Fail
#833044 on #4F3F00Aa1.21:1Fail

Similar palettes 24 more in this mood