← Back to Editor

#EEE6DB · #D8C6C8 · #C7ADAF · #806E74 · #725E70

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

WorkspaceReadingData Visualization

Color Details Color Details

#EEE6DB

Goose Yellow · Beige · Peach Orange

HEX
#EEE6DB
RGB
rgb(238, 230, 219)
HSL
hsl(35, 36%, 90%)
HSB
hsb(35, 8%, 93%)
CMYK
cmyk(0%, 3%, 8%, 7%)
Oklch
oklch(92.8% 0.017 76.1)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D8C6C8

Peach Pink · LightGray · Cherry Blossom

HEX
#D8C6C8
RGB
rgb(216, 198, 200)
HSL
hsl(353, 19%, 81%)
HSB
hsb(353, 8%, 85%)
CMYK
cmyk(0%, 8%, 7%, 15%)
Oklch
oklch(84.2% 0.020 9.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Rose Petal

#C7ADAF

Peach Pink · Silver · Coral Red

HEX
#C7ADAF
RGB
rgb(199, 173, 175)
HSL
hsl(355, 19%, 73%)
HSB
hsb(355, 13%, 78%)
CMYK
cmyk(0%, 13%, 12%, 22%)
Oklch
oklch(77.1% 0.030 12.6)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#806E74

Dark Violet · Gray · Warm Gray

HEX
#806E74
RGB
rgb(128, 110, 116)
HSL
hsl(340, 8%, 47%)
HSB
hsb(340, 14%, 50%)
CMYK
cmyk(0%, 14%, 9%, 50%)
Oklch
oklch(55.7% 0.024 355.8)

Traditional「Dark Violet」· Paint「Warm Gray」· Creative Urban Concrete

#725E70

Rose Purple · DimGray · Violet

HEX
#725E70
RGB
rgb(114, 94, 112)
HSL
hsl(306, 10%, 41%)
HSB
hsb(306, 18%, 45%)
CMYK
cmyk(0%, 18%, 2%, 55%)
Oklch
oklch(50.8% 0.037 329.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEE6DB
DCE4EF

Analogous

EFDEDC
EEE6DB
EDEFDC

Triadic

EEE6DB
DCEFE7
E7DCEF

Split-Comp.

EEE6DB
DCEDEF
DEDCEF

Tetradic

EEE6DB
DCEFDE
DCE4EF
EFDCED

Contrast Matrix WCAG 2.1 Contrast

EEE6DB
D8C6C8
C7ADAF
806E74
725E70
—
1.3
Fail
1.7
Fail
3.9
AA Large
4.8
AA
1.3
Fail
—
1.3
Fail
2.9
Fail
3.6
AA Large
1.7
Fail
1.3
Fail
—
2.3
Fail
2.8
Fail
3.9
AA Large
2.9
Fail
2.3
Fail
—
1.2
Fail
4.8
AA
3.6
AA Large
2.8
Fail
1.2
Fail
—
White BG
1.2Fail
1.6Fail
2.1Fail
4.8AA
5.9AA
Black BG
17.0AAA
12.8AAA
10.0AAA
4.4AA Large
3.6AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

EBEADE
D0D0C8
BCBCAF
787873
69696C

Deuteranopia

EBECDE
D1D3C7
BDBFAE
797B72
6B6C6B

Tritanopia

EEE0E0
D7C7C7
C6AEAE
7F7171
716867

Achromatopsia

E7E7E7
CCCCCC
B5B5B5
747474
666666

Shades & Tints Shades & Tints

#EEE6DB

Dark
Light

#D8C6C8

Dark
Light

#C7ADAF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eee6db;
  --color-2: #d8c6c8;
  --color-3: #c7adaf;
  --color-4: #806e74;
  --color-5: #725e70;
}

SCSS

$color-1: #eee6db;
$color-2: #d8c6c8;
$color-3: #c7adaf;
$color-4: #806e74;
$color-5: #725e70;

TAILWIND

colors: {
  'brand-1': '#eee6db',
  'brand-2': '#d8c6c8',
  'brand-3': '#c7adaf',
  'brand-4': '#806e74',
  'brand-5': '#725e70',
}

RGB Array

[238, 230, 219], [216, 198, 200], [199, 173, 175], [128, 110, 116], [114, 94, 112]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEE6DB, #D8C6C8, #C7ADAF, #806E74, #725E70 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs, 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: #eee6db; --color-2: #d8c6c8; --color-3: #c7adaf; --color-4: #806e74; --color-5: #725e70. 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. 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 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