← Back to Editor

#D9CBA0 · #382F37 · #B199AE · #A67E9B · #AB6589

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 LibraryData Visualization

Color Details Color Details

#D9CBA0

Goose Yellow · Tan · Sunflower

HEX
#D9CBA0
RGB
rgb(217, 203, 160)
HSL
hsl(45, 43%, 74%)
HSB
hsb(45, 26%, 85%)
CMYK
cmyk(0%, 6%, 26%, 15%)
Oklch
oklch(84.3% 0.059 92.2)

Traditional「Goose Yellow」· Paint「Sunflower」· Creative Lemon Fizz

#382F37

Rose Purple · DarkSlateGray · Dark Stone

HEX
#382F37
RGB
rgb(56, 47, 55)
HSL
hsl(307, 9%, 20%)
HSB
hsb(307, 16%, 22%)
CMYK
cmyk(0%, 16%, 2%, 78%)
Oklch
oklch(31.8% 0.019 329.6)

Traditional「Rose Purple」· Paint「Dark Stone」· Creative Midnight Shadow

#B199AE

Mauve · DarkGray · Lilac Purple

HEX
#B199AE
RGB
rgb(177, 153, 174)
HSL
hsl(308, 13%, 65%)
HSB
hsb(308, 14%, 69%)
CMYK
cmyk(0%, 14%, 2%, 31%)
Oklch
oklch(71.1% 0.041 330.1)

Traditional「Mauve」· Paint「Lilac Purple」· Creative Rose Petal

#A67E9B

Rose Purple · DarkGray · Violet

HEX
#A67E9B
RGB
rgb(166, 126, 155)
HSL
hsl(317, 18%, 57%)
HSB
hsb(317, 24%, 65%)
CMYK
cmyk(0%, 24%, 7%, 35%)
Oklch
oklch(64.1% 0.064 336.5)

Traditional「Rose Purple」· Paint「Violet」· Creative Blush Sunrise

#AB6589

Rose Purple · Gray · Rose Pink

HEX
#AB6589
RGB
rgb(171, 101, 137)
HSL
hsl(329, 29%, 53%)
HSB
hsb(329, 41%, 67%)
CMYK
cmyk(0%, 41%, 20%, 33%)
Oklch
oklch(59.6% 0.101 348.4)

Traditional「Rose Purple」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D9CBA0
A0AED9

Analogous

D9AEA0
D9CBA0
CBD9A0

Triadic

D9CBA0
A0D9CB
CBA0D9

Split-Comp.

D9CBA0
A0CBD9
AEA0D9

Tetradic

D9CBA0
A0D9AE
A0AED9
D9A0CB

Contrast Matrix WCAG 2.1 Contrast

D9CBA0
382F37
B199AE
A67E9B
AB6589
—
8.0
AAA
1.6
Fail
2.1
Fail
2.6
Fail
8.0
AAA
—
4.9
AA
3.7
AA Large
3.0
AA Large
1.6
Fail
4.9
AA
—
1.3
Fail
1.6
Fail
2.1
Fail
3.7
AA Large
1.3
Fail
—
1.2
Fail
2.6
Fail
3.0
AA Large
1.6
Fail
1.2
Fail
—
White BG
1.6Fail
12.9AAA
2.6Fail
3.5AA Large
4.2AA Large
Black BG
13.0AAA
1.6Fail
8.0AAA
6.1AA
5.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D3D3AA
343435
A7A6A9
959494
8D8C80

Deuteranopia

D4D5AD
353535
A8AAA8
979A92
91967E

Tritanopia

D8B3B4
383433
B0A5A4
A48E8D
A87978

Achromatopsia

CACACA
333333
A3A3A3
8D8D8D
7E7E7E

Shades & Tints Shades & Tints

#D9CBA0

Dark
Light

#382F37

Dark
Light

#B199AE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d9cba0;
  --color-2: #382f37;
  --color-3: #b199ae;
  --color-4: #a67e9b;
  --color-5: #ab6589;
}

SCSS

$color-1: #d9cba0;
$color-2: #382f37;
$color-3: #b199ae;
$color-4: #a67e9b;
$color-5: #ab6589;

TAILWIND

colors: {
  'brand-1': '#d9cba0',
  'brand-2': '#382f37',
  'brand-3': '#b199ae',
  'brand-4': '#a67e9b',
  'brand-5': '#ab6589',
}

RGB Array

[217, 203, 160], [56, 47, 55], [177, 153, 174], [166, 126, 155], [171, 101, 137]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D9CBA0, #382F37, #B199AE, #A67E9B, #AB6589 is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #d9cba0; --color-2: #382f37; --color-3: #b199ae; --color-4: #a67e9b; --color-5: #ab6589. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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