← Back to Editor

#D1A7AF · #C8919C · #C8A191 · #E0AA98 · #F7B091

luxury

A 5-color luxury palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D1A7AF

Peach Pink · Silver · Coral Red

HEX
#D1A7AF
RGB
rgb(209, 167, 175)
HSL
hsl(349, 31%, 74%)
HSB
hsb(349, 20%, 82%)
CMYK
cmyk(0%, 20%, 16%, 18%)
Oklch
oklch(76.9% 0.050 5.5)

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

#C8919C

Peach Pink · Tan · Coral Red

HEX
#C8919C
RGB
rgb(200, 145, 156)
HSL
hsl(348, 33%, 68%)
HSB
hsb(348, 28%, 78%)
CMYK
cmyk(0%, 28%, 22%, 22%)
Oklch
oklch(71.3% 0.068 5.7)

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

#C8A191

Apricot · Tan · Warm Sun

HEX
#C8A191
RGB
rgb(200, 161, 145)
HSL
hsl(17, 33%, 68%)
HSB
hsb(17, 28%, 78%)
CMYK
cmyk(0%, 20%, 28%, 22%)
Oklch
oklch(74.0% 0.052 43.4)

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

#E0AA98

Apricot · Tan · Warm Sun

HEX
#E0AA98
RGB
rgb(224, 170, 152)
HSL
hsl(15, 54%, 74%)
HSB
hsb(15, 32%, 88%)
CMYK
cmyk(0%, 24%, 32%, 12%)
Oklch
oklch(78.3% 0.069 39.2)

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

#F7B091

Apricot · BurlyWood · Peach Orange

HEX
#F7B091
RGB
rgb(247, 176, 145)
HSL
hsl(18, 86%, 77%)
HSB
hsb(18, 41%, 97%)
CMYK
cmyk(0%, 29%, 41%, 3%)
Oklch
oklch(81.7% 0.094 44.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D1A7AF
A8D1CA

Analogous

D1A8C4
D1A7AF
D1B5A8

Triadic

D1A7AF
B0D1A8
A8B0D1

Split-Comp.

D1A7AF
A8D1B5
A8C4D1

Tetradic

D1A7AF
C4D1A8
A8D1CA
B5A8D1

Contrast Matrix WCAG 2.1 Contrast

D1A7AF
C8919C
C8A191
E0AA98
F7B091
—
1.2
Fail
1.1
Fail
1.1
Fail
1.2
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
1.4
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
1.1
Fail
1.2
Fail
1.4
Fail
1.3
Fail
1.1
Fail
—
White BG
2.1Fail
2.6Fail
2.3Fail
2.0Fail
1.8Fail
Black BG
9.9AAA
8.0AAA
9.0AAA
10.4AAA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BFBEAD
B0B099
B7B795
C9C89C
D8D899

Deuteranopia

C1C4AD
B3B899
B9BC96
CCD09D
DCE29A

Tritanopia

CFACAB
C59797
C69899
DDA0A1
F39EA0

Achromatopsia

B4B4B4
A3A3A3
ABABAB
B8B8B8
C2C2C2

Shades & Tints Shades & Tints

#D1A7AF

Dark
Light

#C8919C

Dark
Light

#C8A191

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d1a7af;
  --color-2: #c8919c;
  --color-3: #c8a191;
  --color-4: #e0aa98;
  --color-5: #f7b091;
}

SCSS

$color-1: #d1a7af;
$color-2: #c8919c;
$color-3: #c8a191;
$color-4: #e0aa98;
$color-5: #f7b091;

TAILWIND

colors: {
  'brand-1': '#d1a7af',
  'brand-2': '#c8919c',
  'brand-3': '#c8a191',
  'brand-4': '#e0aa98',
  'brand-5': '#f7b091',
}

RGB Array

[209, 167, 175], [200, 145, 156], [200, 161, 145], [224, 170, 152], [247, 176, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #D1A7AF, #C8919C, #C8A191, #E0AA98, #F7B091 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: #d1a7af; --color-2: #c8919c; --color-3: #c8a191; --color-4: #e0aa98; --color-5: #f7b091. 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