#D3978F + #DFB4A1 + #DCC9A8 + #D6DCAE + #FFDAB1 · luxury - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D3978F

Peach Pink · Tan · Coral Red

HEX

#D3978F

RGB

rgb(211, 151, 143)

HSL

hsl(7, 44%, 69%)

HSB

hsb(7, 32%, 83%)

CMYK

cmyk(0%, 28%, 32%, 17%)

Oklch

oklch(73.2% 0.074 27.5)

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

#DFB4A1

Apricot · Tan · Warm Sun

HEX

#DFB4A1

RGB

rgb(223, 180, 161)

HSL

hsl(18, 49%, 75%)

HSB

hsb(18, 28%, 87%)

CMYK

cmyk(0%, 19%, 28%, 13%)

Oklch

oklch(80.3% 0.057 45.1)

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

#DCC9A8

Goose Yellow · Wheat · Peach Orange

HEX

#DCC9A8

RGB

rgb(220, 201, 168)

HSL

hsl(38, 43%, 76%)

HSB

hsb(38, 24%, 86%)

CMYK

cmyk(0%, 9%, 24%, 14%)

Oklch

oklch(84.3% 0.049 81.5)

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

#D6DCAE

Fresh Green · Wheat · Lemon Cream

HEX

#D6DCAE

RGB

rgb(214, 220, 174)

HSL

hsl(68, 40%, 77%)

HSB

hsb(68, 21%, 86%)

CMYK

cmyk(3%, 0%, 21%, 14%)

Oklch

oklch(87.8% 0.061 113.7)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#FFDAB1

Goose Yellow · Wheat · Peach Orange

HEX

#FFDAB1

RGB

rgb(255, 218, 177)

HSL

hsl(32, 100%, 85%)

HSB

hsb(32, 31%, 100%)

CMYK

cmyk(0%, 15%, 31%, 0%)

Oklch

oklch(91.0% 0.068 69.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D3978F

8DCBD3

Analogous

D38DA8

D3978F

D3B88D

Triadic

D3978F

8DD395

958DD3

Split-Comp.

D3978F

8DD3B8

8DA8D3

Tetradic

D3978F

A8D38D

8DCBD3

B88DD3

Contrast Matrix WCAG 2.1 Contrast

D3978F	DFB4A1	DCC9A8	D6DCAE	FFDAB1
—	1.3 Fail	1.5 Fail	1.7 Fail	1.9 Fail
1.3 Fail	—	1.2 Fail	1.3 Fail	1.4 Fail
1.5 Fail	1.2 Fail	—	1.1 Fail	1.2 Fail
1.7 Fail	1.3 Fail	1.1 Fail	—	1.1 Fail
1.9 Fail	1.4 Fail	1.2 Fail	1.1 Fail	—

White BG

2.4Fail

1.9Fail

1.6Fail

1.4Fail

1.3Fail

Black BG

8.6AAA

11.2AAA

13.0AAA

14.7AAA

15.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B891

CCCCA6

D4D4B0

D9D9B9

EFEFBB

Deuteranopia

BDC191

CFD2A7

D5D6B2

D8D8BC

F1F4BD

Tritanopia

D09293

DDA9AA

DBB6B8

D6C2C4

FDC3C4

Achromatopsia

A8A8A8

BFBFBF

CBCBCB

D5D5D5

E0E0E0

Shades & Tints Shades & Tints

#D3978F

Dark

Light

#DFB4A1

Dark

Light

#DCC9A8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d3978f;
  --color-2: #dfb4a1;
  --color-3: #dcc9a8;
  --color-4: #d6dcae;
  --color-5: #ffdab1;
}

SCSS

$color-1: #d3978f;
$color-2: #dfb4a1;
$color-3: #dcc9a8;
$color-4: #d6dcae;
$color-5: #ffdab1;

TAILWIND

colors: {
  'brand-1': '#d3978f',
  'brand-2': '#dfb4a1',
  'brand-3': '#dcc9a8',
  'brand-4': '#d6dcae',
  'brand-5': '#ffdab1',
}

RGB Array

[211, 151, 143], [223, 180, 161], [220, 201, 168], [214, 220, 174], [255, 218, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #D3978F, #DFB4A1, #DCC9A8, #D6DCAE, #FFDAB1 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: #d3978f; --color-2: #dfb4a1; --color-3: #dcc9a8; --color-4: #d6dcae; --color-5: #ffdab1. 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