#E7E4DD + #E3D0CA + #958585 + #EDB4BA + #D88798 · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#E7E4DD

Goose Yellow · Beige · Lemon Cream

HEX

#E7E4DD

RGB

rgb(231, 228, 221)

HSL

hsl(42, 17%, 89%)

HSB

hsb(42, 4%, 91%)

CMYK

cmyk(0%, 1%, 4%, 9%)

Oklch

oklch(91.9% 0.010 87.5)

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

#E3D0CA

Peach Pink · LightGray · Cherry Blossom

HEX

#E3D0CA

RGB

rgb(227, 208, 202)

HSL

hsl(14, 31%, 84%)

HSB

hsb(14, 11%, 89%)

CMYK

cmyk(0%, 8%, 11%, 11%)

Oklch

oklch(87.1% 0.023 38.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#958585

Ash · Gray · Warm Gray

HEX

#958585

RGB

rgb(149, 133, 133)

HSL

hsl(0, 7%, 55%)

HSB

hsb(0, 11%, 58%)

CMYK

cmyk(0%, 11%, 11%, 42%)

Oklch

oklch(63.1% 0.019 17.7)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

#EDB4BA

Peach Pink · LightPink · Cherry Blossom

HEX

#EDB4BA

RGB

rgb(237, 180, 186)

HSL

hsl(354, 61%, 82%)

HSB

hsb(354, 24%, 93%)

CMYK

cmyk(0%, 24%, 22%, 7%)

Oklch

oklch(82.4% 0.067 11.6)

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

#D88798

Peach Pink · LightCoral · Coral Red

HEX

#D88798

RGB

rgb(216, 135, 152)

HSL

hsl(347, 51%, 69%)

HSB

hsb(347, 38%, 85%)

CMYK

cmyk(0%, 38%, 30%, 15%)

Oklch

oklch(71.2% 0.101 6.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E7E4DD

DEE1E8

Analogous

E8E0DE

E7E4DD

E6E8DE

Triadic

E7E4DD

DEE8E5

E5DEE8

Split-Comp.

E7E4DD

DEE6E8

E0DEE8

Tetradic

E7E4DD

DEE8E0

DEE1E8

E8DEE6

Contrast Matrix WCAG 2.1 Contrast

E7E4DD	E3D0CA	958585	EDB4BA	D88798
—	1.2 Fail	2.8 Fail	1.4 Fail	2.1 Fail
1.2 Fail	—	2.4 Fail	1.2 Fail	1.8 Fail
2.8 Fail	2.4 Fail	—	2.0 Fail	1.3 Fail
1.4 Fail	1.2 Fail	2.0 Fail	—	1.5 Fail
2.1 Fail	1.8 Fail	1.3 Fail	1.5 Fail	—

White BG

1.3Fail

1.5Fail

3.5AA Large

1.8Fail

2.7Fail

Black BG

16.5AAA

14.1AAA

6.0AA

11.8AAA

7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6DF

DBDBCB

8E8E85

D4D4B9

B5B494

Deuteranopia

E6E6DF

DCDDCC

8F9085

D8DCB8

BAC093

Tritanopia

E7E0E0

E2CDCD

948585

EAB7B7

D49190

Achromatopsia

E4E4E4

D5D5D5

8A8A8A

C6C6C6

A1A1A1

Shades & Tints Shades & Tints

#E7E4DD

Dark

Light

#E3D0CA

Dark

Light

#958585

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e7e4dd;
  --color-2: #e3d0ca;
  --color-3: #958585;
  --color-4: #edb4ba;
  --color-5: #d88798;
}

SCSS

$color-1: #e7e4dd;
$color-2: #e3d0ca;
$color-3: #958585;
$color-4: #edb4ba;
$color-5: #d88798;

TAILWIND

colors: {
  'brand-1': '#e7e4dd',
  'brand-2': '#e3d0ca',
  'brand-3': '#958585',
  'brand-4': '#edb4ba',
  'brand-5': '#d88798',
}

RGB Array

[231, 228, 221], [227, 208, 202], [149, 133, 133], [237, 180, 186], [216, 135, 152]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #E7E4DD, #E3D0CA, #958585, #EDB4BA, #D88798 is ideal for: health products, baby brands, fresh-style blogs. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e7e4dd; --color-2: #e3d0ca; --color-3: #958585; --color-4: #edb4ba; --color-5: #d88798. 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 luxury-style 5-color scheme is especially suited for tech, SaaS, healthcare, eco industries. 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