#EED9BA + #CC9696 + #E3AAA3 + #997B79 + #BBA691 · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#EED9BA

Goose Yellow · Wheat · Peach Orange

HEX

#EED9BA

RGB

rgb(238, 217, 186)

HSL

hsl(36, 60%, 83%)

HSB

hsb(36, 22%, 93%)

CMYK

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

Oklch

oklch(89.5% 0.047 77.6)

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

#CC9696

Peach Pink · Tan · Coral Red

HEX

#CC9696

RGB

rgb(204, 150, 150)

HSL

hsl(0, 35%, 69%)

HSB

hsb(0, 26%, 80%)

CMYK

cmyk(0%, 26%, 26%, 20%)

Oklch

oklch(72.5% 0.065 18.8)

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

#E3AAA3

Peach Pink · Tan · Coral Red

HEX

#E3AAA3

RGB

rgb(227, 170, 163)

HSL

hsl(7, 53%, 76%)

HSB

hsb(7, 28%, 89%)

CMYK

cmyk(0%, 25%, 28%, 11%)

Oklch

oklch(78.9% 0.068 26.7)

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

#997B79

Crimson · Gray · Passion Red

HEX

#997B79

RGB

rgb(153, 123, 121)

HSL

hsl(4, 14%, 54%)

HSB

hsb(4, 21%, 60%)

CMYK

cmyk(0%, 20%, 21%, 40%)

Oklch

oklch(61.1% 0.038 22.7)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#BBA691

Ginger · Tan · Warm Sun

HEX

#BBA691

RGB

rgb(187, 166, 145)

HSL

hsl(30, 24%, 65%)

HSB

hsb(30, 22%, 73%)

CMYK

cmyk(0%, 11%, 22%, 27%)

Oklch

oklch(73.8% 0.038 67.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EED9BA

BACEEE

Analogous

EEBFBA

EED9BA

E8EEBA

Triadic

EED9BA

BAEED9

D9BAEE

Split-Comp.

EED9BA

BAE8EE

BFBAEE

Tetradic

EED9BA

BAEEBF

BACEEE

EEBAE8

Contrast Matrix WCAG 2.1 Contrast

EED9BA	CC9696	E3AAA3	997B79	BBA691
—	1.8 Fail	1.4 Fail	2.8 Fail	1.7 Fail
1.8 Fail	—	1.3 Fail	1.5 Fail	1.1 Fail
1.4 Fail	1.3 Fail	—	1.9 Fail	1.2 Fail
2.8 Fail	1.5 Fail	1.9 Fail	—	1.6 Fail
1.7 Fail	1.1 Fail	1.2 Fail	1.6 Fail	—

White BG

1.4Fail

2.5Fail

2.0Fail

3.8AA Large

2.3Fail

Black BG

15.3AAA

8.4AAA

10.5AAA

5.5AA

9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5C2

B5B496

CACAA5

8C8C79

B2B296

Deuteranopia

E6E8C3

B8BC96

CED2A5

8E907A

B3B597

Tritanopia

EDC7C9

C99696

E0A6A6

987A7A

BA9A9B

Achromatopsia

DCDCDC

A6A6A6

BABABA

848484

AAAAAA

Shades & Tints Shades & Tints

#EED9BA

Dark

Light

#CC9696

Dark

Light

#E3AAA3

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eed9ba;
  --color-2: #cc9696;
  --color-3: #e3aaa3;
  --color-4: #997b79;
  --color-5: #bba691;
}

SCSS

$color-1: #eed9ba;
$color-2: #cc9696;
$color-3: #e3aaa3;
$color-4: #997b79;
$color-5: #bba691;

TAILWIND

colors: {
  'brand-1': '#eed9ba',
  'brand-2': '#cc9696',
  'brand-3': '#e3aaa3',
  'brand-4': '#997b79',
  'brand-5': '#bba691',
}

RGB Array

[238, 217, 186], [204, 150, 150], [227, 170, 163], [153, 123, 121], [187, 166, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #EED9BA, #CC9696, #E3AAA3, #997B79, #BBA691 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: #eed9ba; --color-2: #cc9696; --color-3: #e3aaa3; --color-4: #997b79; --color-5: #bba691. 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