← Back to Editor

#D0BBA0 · #C2B186 · #AC8A71 · #A68C8D · #8D7374

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#D0BBA0

Goose Yellow · Tan · Warm Sun

HEX
#D0BBA0
RGB
rgb(208, 187, 160)
HSL
hsl(34, 34%, 72%)
HSB
hsb(34, 23%, 82%)
CMYK
cmyk(0%, 10%, 23%, 18%)
Oklch
oklch(80.3% 0.044 74.0)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#C2B186

Ginger · Tan · Sunflower

HEX
#C2B186
RGB
rgb(194, 177, 134)
HSL
hsl(43, 33%, 64%)
HSB
hsb(43, 31%, 76%)
CMYK
cmyk(0%, 9%, 31%, 24%)
Oklch
oklch(76.4% 0.061 89.0)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#AC8A71

Tangerine · Gray · Warm Sun

HEX
#AC8A71
RGB
rgb(172, 138, 113)
HSL
hsl(25, 26%, 56%)
HSB
hsb(25, 34%, 67%)
CMYK
cmyk(0%, 20%, 34%, 33%)
Oklch
oklch(65.9% 0.055 57.9)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#A68C8D

Crimson · DarkGray · Passion Red

HEX
#A68C8D
RGB
rgb(166, 140, 141)
HSL
hsl(358, 13%, 60%)
HSB
hsb(358, 16%, 65%)
CMYK
cmyk(0%, 16%, 15%, 35%)
Oklch
oklch(66.4% 0.032 15.4)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#8D7374

Crimson · Gray · Passion Red

HEX
#8D7374
RGB
rgb(141, 115, 116)
HSL
hsl(358, 10%, 50%)
HSB
hsb(358, 18%, 55%)
CMYK
cmyk(0%, 18%, 18%, 45%)
Oklch
oklch(58.1% 0.033 15.5)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D0BBA0
9FB4D0

Analogous

D0A39F
D0BBA0
CDD09F

Triadic

D0BBA0
9FD0BB
BB9FD0

Split-Comp.

D0BBA0
9FCDD0
A39FD0

Tetradic

D0BBA0
9FD0A3
9FB4D0
D09FCD

Contrast Matrix WCAG 2.1 Contrast

D0BBA0
C2B186
AC8A71
A68C8D
8D7374
—
1.1
Fail
1.7
Fail
1.7
Fail
2.3
Fail
1.1
Fail
—
1.5
Fail
1.5
Fail
2.1
Fail
1.7
Fail
1.5
Fail
—
1.0
Fail
1.4
Fail
1.7
Fail
1.5
Fail
1.0
Fail
—
1.4
Fail
2.3
Fail
2.1
Fail
1.4
Fail
1.4
Fail
—
White BG
1.9Fail
2.1Fail
3.2AA Large
3.1AA Large
4.3AA Large
Black BG
11.3AAA
9.9AAA
6.6AA
6.8AA
4.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C7C7A7
BBBA90
9D9D77
9B9B8D
828274

Deuteranopia

C8CAA8
BCBD93
9FA279
9C9E8D
838574

Tritanopia

CFACAD
C1999A
AA7C7D
A58D8D
8C7474

Achromatopsia

BEBEBE
B1B1B1
919191
949494
7B7B7B

Shades & Tints Shades & Tints

#D0BBA0

Dark
Light

#C2B186

Dark
Light

#AC8A71

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d0bba0;
  --color-2: #c2b186;
  --color-3: #ac8a71;
  --color-4: #a68c8d;
  --color-5: #8d7374;
}

SCSS

$color-1: #d0bba0;
$color-2: #c2b186;
$color-3: #ac8a71;
$color-4: #a68c8d;
$color-5: #8d7374;

TAILWIND

colors: {
  'brand-1': '#d0bba0',
  'brand-2': '#c2b186',
  'brand-3': '#ac8a71',
  'brand-4': '#a68c8d',
  'brand-5': '#8d7374',
}

RGB Array

[208, 187, 160], [194, 177, 134], [172, 138, 113], [166, 140, 141], [141, 115, 116]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D0BBA0, #C2B186, #AC8A71, #A68C8D, #8D7374 is ideal for: brand design, premium product pages, magazine layouts. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #d0bba0; --color-2: #c2b186; --color-3: #ac8a71; --color-4: #a68c8d; --color-5: #8d7374. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. Restrained colors convey professionalism and trust. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color