#DDBAC0 + #EFCFD1 + #FCF6E9 + #E2E2D9 + #D2C6B3 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DDBAC0

Peach Pink · Silver · Coral Red

HEX

#DDBAC0

RGB

rgb(221, 186, 192)

HSL

hsl(350, 34%, 80%)

HSB

hsb(350, 16%, 87%)

CMYK

cmyk(0%, 16%, 13%, 13%)

Oklch

oklch(82.1% 0.041 6.4)

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

#EFCFD1

Peach Pink · Pink · Cherry Blossom

HEX

#EFCFD1

RGB

rgb(239, 207, 209)

HSL

hsl(356, 50%, 87%)

HSB

hsb(356, 13%, 94%)

CMYK

cmyk(0%, 13%, 13%, 6%)

Oklch

oklch(88.2% 0.036 13.6)

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

#FCF6E9

Goose Yellow · SeaShell · Lemon Cream

HEX

#FCF6E9

RGB

rgb(252, 246, 233)

HSL

hsl(41, 76%, 95%)

HSB

hsb(41, 8%, 99%)

CMYK

cmyk(0%, 2%, 8%, 1%)

Oklch

oklch(97.4% 0.018 86.1)

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

#E2E2D9

Fresh Green · LightGray · Lemon Cream

HEX

#E2E2D9

RGB

rgb(226, 226, 217)

HSL

hsl(60, 13%, 87%)

HSB

hsb(60, 4%, 89%)

CMYK

cmyk(0%, 0%, 4%, 11%)

Oklch

oklch(91.0% 0.012 106.6)

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

#D2C6B3

Goose Yellow · Silver · Peach Orange

HEX

#D2C6B3

RGB

rgb(210, 198, 179)

HSL

hsl(37, 26%, 76%)

HSB

hsb(37, 15%, 82%)

CMYK

cmyk(0%, 6%, 15%, 18%)

Oklch

oklch(83.1% 0.029 79.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DDBAC0

BBDDD8

Analogous

DDBBD2

DDBAC0

DDC6BB

Triadic

DDBAC0

C0DDBB

BBC0DD

Split-Comp.

DDBAC0

BBDDC6

BBD2DD

Tetradic

DDBAC0

D2DDBB

BBDDD8

C6BBDD

Contrast Matrix WCAG 2.1 Contrast

DDBAC0	EFCFD1	FCF6E9	E2E2D9	D2C6B3
—	1.2 Fail	1.6 Fail	1.4 Fail	1.1 Fail
1.2 Fail	—	1.3 Fail	1.1 Fail	1.2 Fail
1.6 Fail	1.3 Fail	—	1.2 Fail	1.6 Fail
1.4 Fail	1.1 Fail	1.2 Fail	—	1.3 Fail
1.1 Fail	1.2 Fail	1.6 Fail	1.3 Fail	—

White BG

1.8Fail

1.4Fail

1.1Fail

1.3Fail

1.7Fail

Black BG

11.9AAA

14.5AAA

19.5AAA

16.1AAA

12.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEBF

E1E1D1

F9F9EC

E2E2DB

CDCDB8

Deuteranopia

D0D3BE

E3E5D0

FAFAED

E2E2DC

CECEB9

Tritanopia

DBBDBD

EDD0D0

FCEFEF

E2DDDD

D1BBBC

Achromatopsia

C5C5C5

D9D9D9

F6F6F6

E1E1E1

C7C7C7

Shades & Tints Shades & Tints

#DDBAC0

Dark

Light

#EFCFD1

Dark

Light

#FCF6E9

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ddbac0;
  --color-2: #efcfd1;
  --color-3: #fcf6e9;
  --color-4: #e2e2d9;
  --color-5: #d2c6b3;
}

SCSS

$color-1: #ddbac0;
$color-2: #efcfd1;
$color-3: #fcf6e9;
$color-4: #e2e2d9;
$color-5: #d2c6b3;

TAILWIND

colors: {
  'brand-1': '#ddbac0',
  'brand-2': '#efcfd1',
  'brand-3': '#fcf6e9',
  'brand-4': '#e2e2d9',
  'brand-5': '#d2c6b3',
}

RGB Array

[221, 186, 192], [239, 207, 209], [252, 246, 233], [226, 226, 217], [210, 198, 179]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DDBAC0, #EFCFD1, #FCF6E9, #E2E2D9, #D2C6B3 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: #ddbac0; --color-2: #efcfd1; --color-3: #fcf6e9; --color-4: #e2e2d9; --color-5: #d2c6b3. 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