#8A6380 + #AED8CE + #F4DEB7 + #BF6E7D + #EB8A79 · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#8A6380

Rose Purple · Gray · Violet

HEX

#8A6380

RGB

rgb(138, 99, 128)

HSL

hsl(315, 16%, 46%)

HSB

hsb(315, 28%, 54%)

CMYK

cmyk(0%, 28%, 7%, 46%)

Oklch

oklch(55.0% 0.065 336.0)

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

#AED8CE

Jade · LightBlue · Glacier Blue

HEX

#AED8CE

RGB

rgb(174, 216, 206)

HSL

hsl(166, 35%, 76%)

HSB

hsb(166, 19%, 85%)

CMYK

cmyk(19%, 0%, 5%, 15%)

Oklch

oklch(84.9% 0.046 179.0)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

#F4DEB7

Goose Yellow · Wheat · Peach Orange

HEX

#F4DEB7

RGB

rgb(244, 222, 183)

HSL

hsl(38, 73%, 84%)

HSB

hsb(38, 25%, 96%)

CMYK

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

Oklch

oklch(90.9% 0.057 81.9)

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

#BF6E7D

Crimson · LightCoral · Passion Red

HEX

#BF6E7D

RGB

rgb(191, 110, 125)

HSL

hsl(349, 39%, 59%)

HSB

hsb(349, 42%, 75%)

CMYK

cmyk(0%, 42%, 35%, 25%)

Oklch

oklch(63.2% 0.104 8.6)

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

#EB8A79

Peach Pink · DarkSalmon · Coral Red

HEX

#EB8A79

RGB

rgb(235, 138, 121)

HSL

hsl(9, 74%, 70%)

HSB

hsb(9, 49%, 92%)

CMYK

cmyk(0%, 41%, 49%, 8%)

Oklch

oklch(73.3% 0.122 30.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8A6380

63886C

Analogous

7F6388

8A6380

88636C

Triadic

8A6380

7F8863

637F88

Split-Comp.

8A6380

6C8863

63887F

Tetradic

8A6380

887F63

63886C

636C88

Contrast Matrix WCAG 2.1 Contrast

8A6380	AED8CE	F4DEB7	BF6E7D	EB8A79
—	3.2 AA Large	3.8 AA Large	1.4 Fail	2.0 Fail
3.2 AA Large	—	1.2 Fail	2.4 Fail	1.6 Fail
3.8 AA Large	1.2 Fail	—	2.8 Fail	1.9 Fail
1.4 Fail	2.4 Fail	2.8 Fail	—	1.5 Fail
2.0 Fail	1.6 Fail	1.9 Fail	1.5 Fail	—

White BG

5.0AA

1.6Fail

1.3Fail

3.7AA Large

2.5Fail

Black BG

4.2AA Large

13.5AAA

16.0AAA

5.7AA

8.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

797979

C0C1D0

EAEAC0

9C9B79

C1C07D

Deuteranopia

7B7E77

BEBBD1

ECEDC3

A1A779

C7CE7E

Tritanopia

887372

B0D2D3

F3C8CA

BB7776

E68081

Achromatopsia

727272

CACACA

E0E0E0

888888

A5A5A5

Shades & Tints Shades & Tints

#8A6380

Dark

Light

#AED8CE

Dark

Light

#F4DEB7

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8a6380;
  --color-2: #aed8ce;
  --color-3: #f4deb7;
  --color-4: #bf6e7d;
  --color-5: #eb8a79;
}

SCSS

$color-1: #8a6380;
$color-2: #aed8ce;
$color-3: #f4deb7;
$color-4: #bf6e7d;
$color-5: #eb8a79;

TAILWIND

colors: {
  'brand-1': '#8a6380',
  'brand-2': '#aed8ce',
  'brand-3': '#f4deb7',
  'brand-4': '#bf6e7d',
  'brand-5': '#eb8a79',
}

RGB Array

[138, 99, 128], [174, 216, 206], [244, 222, 183], [191, 110, 125], [235, 138, 121]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #8A6380, #AED8CE, #F4DEB7, #BF6E7D, #EB8A79 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: #8a6380; --color-2: #aed8ce; --color-3: #f4deb7; --color-4: #bf6e7d; --color-5: #eb8a79. 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