← Back to Editor

#A05B75 · #9D8491 · #BCC8BB · #D8D2B9 · #DCCB9A

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#A05B75

Dark Violet · Gray · Camellia

HEX
#A05B75
RGB
rgb(160, 91, 117)
HSL
hsl(337, 27%, 49%)
HSB
hsb(337, 43%, 63%)
CMYK
cmyk(0%, 43%, 27%, 37%)
Oklch
oklch(55.8% 0.096 356.6)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#9D8491

Rose Purple · Gray · Rose Pink

HEX
#9D8491
RGB
rgb(157, 132, 145)
HSL
hsl(329, 11%, 57%)
HSB
hsb(329, 16%, 62%)
CMYK
cmyk(0%, 16%, 8%, 38%)
Oklch
oklch(64.0% 0.035 345.5)

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

#BCC8BB

Celadon · Silver · Apple Green

HEX
#BCC8BB
RGB
rgb(188, 200, 187)
HSL
hsl(115, 11%, 76%)
HSB
hsb(115, 7%, 78%)
CMYK
cmyk(6%, 0%, 7%, 22%)
Oklch
oklch(82.0% 0.022 143.2)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#D8D2B9

Goose Yellow · LightGray · Lemon Cream

HEX
#D8D2B9
RGB
rgb(216, 210, 185)
HSL
hsl(48, 28%, 79%)
HSB
hsb(48, 14%, 85%)
CMYK
cmyk(0%, 3%, 14%, 15%)
Oklch
oklch(86.2% 0.034 95.9)

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

#DCCB9A

Goose Yellow · BurlyWood · Sunflower

HEX
#DCCB9A
RGB
rgb(220, 203, 154)
HSL
hsl(45, 49%, 73%)
HSB
hsb(45, 30%, 86%)
CMYK
cmyk(0%, 8%, 30%, 14%)
Oklch
oklch(84.4% 0.067 91.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A05B75
5B9F85

Analogous

9F5B97
A05B75
9F635B

Triadic

A05B75
759F5B
5B759F

Split-Comp.

A05B75
5B9F63
5B979F

Tetradic

A05B75
979F5B
5B9F85
635B9F

Contrast Matrix WCAG 2.1 Contrast

A05B75
9D8491
BCC8BB
D8D2B9
DCCB9A
—
1.4
Fail
2.9
Fail
3.3
AA Large
3.1
AA Large
1.4
Fail
—
2.0
Fail
2.3
Fail
2.1
Fail
2.9
Fail
2.0
Fail
—
1.1
Fail
1.1
Fail
3.3
AA Large
2.3
Fail
1.1
Fail
—
1.1
Fail
3.1
AA Large
2.1
Fail
1.1
Fail
1.1
Fail
—
White BG
4.9AA
3.4AA Large
1.7Fail
1.5Fail
1.6Fail
Black BG
4.2AA Large
6.1AA
12.1AAA
13.8AAA
13.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

82826F
92928E
C1C1BE
D5D5BF
D5D4A6

Deuteranopia

868B6D
94968D
C1C0BF
D6D6C1
D6D7A9

Tritanopia

9D6A69
9C8B8B
BDC1C1
D8C4C5
DBAFB1

Achromatopsia

737373
8D8D8D
C3C3C3
D1D1D1
CACACA

Shades & Tints Shades & Tints

#A05B75

Dark
Light

#9D8491

Dark
Light

#BCC8BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a05b75;
  --color-2: #9d8491;
  --color-3: #bcc8bb;
  --color-4: #d8d2b9;
  --color-5: #dccb9a;
}

SCSS

$color-1: #a05b75;
$color-2: #9d8491;
$color-3: #bcc8bb;
$color-4: #d8d2b9;
$color-5: #dccb9a;

TAILWIND

colors: {
  'brand-1': '#a05b75',
  'brand-2': '#9d8491',
  'brand-3': '#bcc8bb',
  'brand-4': '#d8d2b9',
  'brand-5': '#dccb9a',
}

RGB Array

[160, 91, 117], [157, 132, 145], [188, 200, 187], [216, 210, 185], [220, 203, 154]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A05B75, #9D8491, #BCC8BB, #D8D2B9, #DCCB9A is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. 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: #a05b75; --color-2: #9d8491; --color-3: #bcc8bb; --color-4: #d8d2b9; --color-5: #dccb9a. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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 beauty, lifestyle, arts 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