#D6AAB0 + #F3CED3 + #FDFDF4 + #E1D9BD + #CC8487 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#D6AAB0

Peach Pink · Silver · Coral Red

HEX

#D6AAB0

RGB

rgb(214, 170, 176)

HSL

hsl(352, 35%, 75%)

HSB

hsb(352, 21%, 84%)

CMYK

cmyk(0%, 21%, 18%, 16%)

Oklch

oklch(77.9% 0.052 9.2)

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

#F3CED3

Peach Pink · Pink · Cherry Blossom

HEX

#F3CED3

RGB

rgb(243, 206, 211)

HSL

hsl(352, 61%, 88%)

HSB

hsb(352, 15%, 95%)

CMYK

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

Oklch

oklch(88.4% 0.042 8.8)

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

#FDFDF4

Fresh Green · Snow · Lemon Cream

HEX

#FDFDF4

RGB

rgb(253, 253, 244)

HSL

hsl(60, 69%, 97%)

HSB

hsb(60, 4%, 99%)

CMYK

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

Oklch

oklch(99.2% 0.012 106.6)

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

#E1D9BD

Goose Yellow · Wheat · Lemon Cream

HEX

#E1D9BD

RGB

rgb(225, 217, 189)

HSL

hsl(47, 37%, 81%)

HSB

hsb(47, 16%, 88%)

CMYK

cmyk(0%, 4%, 16%, 12%)

Oklch

oklch(88.4% 0.038 93.9)

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

#CC8487

Peach Pink · DarkSalmon · Coral Red

HEX

#CC8487

RGB

rgb(204, 132, 135)

HSL

hsl(358, 41%, 66%)

HSB

hsb(358, 35%, 80%)

CMYK

cmyk(0%, 35%, 34%, 20%)

Oklch

oklch(68.8% 0.089 16.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

D6AAB0

A9D6D0

Analogous

D6A9C5

D6AAB0

D6B9A9

Triadic

D6AAB0

AFD6A9

A9AFD6

Split-Comp.

D6AAB0

A9D6B9

A9C5D6

Tetradic

D6AAB0

C5D6A9

A9D6D0

B9A9D6

Contrast Matrix WCAG 2.1 Contrast

D6AAB0	F3CED3	FDFDF4	E1D9BD	CC8487
—	1.4 Fail	2.0 Fail	1.5 Fail	1.4 Fail
1.4 Fail	—	1.4 Fail	1.0 Fail	2.0 Fail
2.0 Fail	1.4 Fail	—	1.4 Fail	2.8 Fail
1.5 Fail	1.0 Fail	1.4 Fail	—	2.1 Fail
1.4 Fail	2.0 Fail	2.8 Fail	2.1 Fail	—

White BG

2.1Fail

1.4Fail

1.0Fail

1.4Fail

2.9Fail

Black BG

10.2AAA

14.6AAA

20.5AAA

14.9AAA

7.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C3C3AF

E3E3D2

FDFDF6

DEDDC4

ADAC86

Deuteranopia

C6C9AE

E5E8D2

FDFDF7

DEDFC5

B1B686

Tritanopia

D4ADAD

F1D1D1

FDF8F8

E1C9CA

C88686

Achromatopsia

B8B8B8

DADADA

FCFCFC

D8D8D8

9A9A9A

Shades & Tints Shades & Tints

#D6AAB0

Dark

Light

#F3CED3

Dark

Light

#FDFDF4

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #d6aab0;
  --color-2: #f3ced3;
  --color-3: #fdfdf4;
  --color-4: #e1d9bd;
  --color-5: #cc8487;
}

SCSS

$color-1: #d6aab0;
$color-2: #f3ced3;
$color-3: #fdfdf4;
$color-4: #e1d9bd;
$color-5: #cc8487;

TAILWIND

colors: {
  'brand-1': '#d6aab0',
  'brand-2': '#f3ced3',
  'brand-3': '#fdfdf4',
  'brand-4': '#e1d9bd',
  'brand-5': '#cc8487',
}

RGB Array

[214, 170, 176], [243, 206, 211], [253, 253, 244], [225, 217, 189], [204, 132, 135]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #D6AAB0, #F3CED3, #FDFDF4, #E1D9BD, #CC8487 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: #d6aab0; --color-2: #f3ced3; --color-3: #fdfdf4; --color-4: #e1d9bd; --color-5: #cc8487. 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 general-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