← Back to Editor

#CE8377 · #D2CEAF · #BCBEA4 · #A69691 · #8C6272

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

#CE8377

Peach Pink · DarkSalmon · Coral Red

HEX
#CE8377
RGB
rgb(206, 131, 119)
HSL
hsl(8, 47%, 64%)
HSB
hsb(8, 42%, 81%)
CMYK
cmyk(0%, 36%, 42%, 19%)
Oklch
oklch(68.5% 0.095 29.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#D2CEAF

Fresh Green · Silver · Sunflower

HEX
#D2CEAF
RGB
rgb(210, 206, 175)
HSL
hsl(53, 28%, 75%)
HSB
hsb(53, 17%, 82%)
CMYK
cmyk(0%, 2%, 17%, 18%)
Oklch
oklch(84.6% 0.042 101.2)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#BCBEA4

Fresh Green · Silver · Sunflower

HEX
#BCBEA4
RGB
rgb(188, 190, 164)
HSL
hsl(65, 17%, 69%)
HSB
hsb(65, 14%, 75%)
CMYK
cmyk(1%, 0%, 14%, 25%)
Oklch
oklch(79.3% 0.036 110.8)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#A69691

Peach Pink · DarkGray · Coral Red

HEX
#A69691
RGB
rgb(166, 150, 145)
HSL
hsl(14, 11%, 61%)
HSB
hsb(14, 13%, 65%)
CMYK
cmyk(0%, 10%, 13%, 35%)
Oklch
oklch(68.6% 0.020 38.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#8C6272

Dark Violet · Gray · Camellia

HEX
#8C6272
RGB
rgb(140, 98, 114)
HSL
hsl(337, 18%, 47%)
HSB
hsb(337, 30%, 55%)
CMYK
cmyk(0%, 30%, 19%, 45%)
Oklch
oklch(54.5% 0.059 354.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CE8377
78C3CE

Analogous

CE7898
CE8377
CEAF78

Triadic

CE8377
78CE84
8478CE

Split-Comp.

CE8377
78CEAF
7898CE

Tetradic

CE8377
98CE78
78C3CE
AF78CE

Contrast Matrix WCAG 2.1 Contrast

CE8377
D2CEAF
BCBEA4
A69691
8C6272
—
1.8
Fail
1.5
Fail
1.0
Fail
1.7
Fail
1.8
Fail
—
1.2
Fail
1.8
Fail
3.2
AA Large
1.5
Fail
1.2
Fail
—
1.5
Fail
2.7
Fail
1.0
Fail
1.8
Fail
1.5
Fail
—
1.8
Fail
1.7
Fail
3.2
AA Large
2.7
Fail
1.8
Fail
—
White BG
2.9Fail
1.6Fail
1.9Fail
2.8Fail
5.1AA
Black BG
7.1AAA
13.2AAA
11.0AAA
7.4AAA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAD7A
D0D0B7
BDBDAA
9F9F92
7A796E

Deuteranopia

B2B87B
D1D1B8
BDBDAC
A0A193
7C7F6D

Tritanopia

CA7C7D
D2BCBE
BCAFB0
A59393
8A6B6A

Achromatopsia

989898
CCCCCC
BABABA
9A9A9A
707070

Shades & Tints Shades & Tints

#CE8377

Dark
Light

#D2CEAF

Dark
Light

#BCBEA4

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ce8377;
  --color-2: #d2ceaf;
  --color-3: #bcbea4;
  --color-4: #a69691;
  --color-5: #8c6272;
}

SCSS

$color-1: #ce8377;
$color-2: #d2ceaf;
$color-3: #bcbea4;
$color-4: #a69691;
$color-5: #8c6272;

TAILWIND

colors: {
  'brand-1': '#ce8377',
  'brand-2': '#d2ceaf',
  'brand-3': '#bcbea4',
  'brand-4': '#a69691',
  'brand-5': '#8c6272',
}

RGB Array

[206, 131, 119], [210, 206, 175], [188, 190, 164], [166, 150, 145], [140, 98, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CE8377, #D2CEAF, #BCBEA4, #A69691, #8C6272 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: #ce8377; --color-2: #d2ceaf; --color-3: #bcbea4; --color-4: #a69691; --color-5: #8c6272. 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