#DFD2CE + #CEB9B6 + #BCA19E + #DAB093 + #F8BE88 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DFD2CE

Peach Pink · LightGray · Cherry Blossom

HEX

#DFD2CE

RGB

rgb(223, 210, 206)

HSL

hsl(14, 21%, 84%)

HSB

hsb(14, 8%, 87%)

CMYK

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

Oklch

oklch(87.3% 0.015 37.9)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#CEB9B6

Peach Pink · Silver · Coral Red

HEX

#CEB9B6

RGB

rgb(206, 185, 182)

HSL

hsl(7, 20%, 76%)

HSB

hsb(7, 12%, 81%)

CMYK

cmyk(0%, 10%, 12%, 19%)

Oklch

oklch(80.3% 0.024 27.4)

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

#BCA19E

Peach Pink · DarkGray · Coral Red

HEX

#BCA19E

RGB

rgb(188, 161, 158)

HSL

hsl(6, 18%, 68%)

HSB

hsb(6, 16%, 74%)

CMYK

cmyk(0%, 14%, 16%, 26%)

Oklch

oklch(73.2% 0.032 25.4)

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

#DAB093

Apricot · Tan · Warm Sun

HEX

#DAB093

RGB

rgb(218, 176, 147)

HSL

hsl(25, 49%, 72%)

HSB

hsb(25, 33%, 85%)

CMYK

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

Oklch

oklch(78.8% 0.063 56.3)

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

#F8BE88

Apricot · BurlyWood · Warm Sun

HEX

#F8BE88

RGB

rgb(248, 190, 136)

HSL

hsl(29, 89%, 75%)

HSB

hsb(29, 45%, 97%)

CMYK

cmyk(0%, 23%, 45%, 3%)

Oklch

oklch(84.2% 0.097 63.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DFD2CE

CEDBDF

Analogous

DFCED2

DFD2CE

DFDACE

Triadic

DFD2CE

CEDFD2

D2CEDF

Split-Comp.

DFD2CE

CEDFDA

CED2DF

Tetradic

DFD2CE

D2DFCE

CEDBDF

DACEDF

Contrast Matrix WCAG 2.1 Contrast

DFD2CE	CEB9B6	BCA19E	DAB093	F8BE88
—	1.3 Fail	1.6 Fail	1.3 Fail	1.1 Fail
1.3 Fail	—	1.3 Fail	1.1 Fail	1.1 Fail
1.6 Fail	1.3 Fail	—	1.2 Fail	1.5 Fail
1.3 Fail	1.1 Fail	1.2 Fail	—	1.2 Fail
1.1 Fail	1.1 Fail	1.5 Fail	1.2 Fail	—

White BG

1.5Fail

1.9Fail

2.4Fail

2.0Fail

1.7Fail

Black BG

14.2AAA

11.2AAA

8.7AAA

10.6AAA

12.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

D9D9CF

C5C5B7

B0B09F

C8C79A

DFDE95

Deuteranopia

DADBCF

C6C8B7

B2B49F

CACD9C

E2E798

Tritanopia

DED0D0

CDB7B7

BB9F9F

D8A0A1

F59FA2

Achromatopsia

D5D5D5

BFBFBF

A9A9A9

B9B9B9

C9C9C9

Shades & Tints Shades & Tints

#DFD2CE

Dark

Light

#CEB9B6

Dark

Light

#BCA19E

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dfd2ce;
  --color-2: #ceb9b6;
  --color-3: #bca19e;
  --color-4: #dab093;
  --color-5: #f8be88;
}

SCSS

$color-1: #dfd2ce;
$color-2: #ceb9b6;
$color-3: #bca19e;
$color-4: #dab093;
$color-5: #f8be88;

TAILWIND

colors: {
  'brand-1': '#dfd2ce',
  'brand-2': '#ceb9b6',
  'brand-3': '#bca19e',
  'brand-4': '#dab093',
  'brand-5': '#f8be88',
}

RGB Array

[223, 210, 206], [206, 185, 182], [188, 161, 158], [218, 176, 147], [248, 190, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DFD2CE, #CEB9B6, #BCA19E, #DAB093, #F8BE88 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: #dfd2ce; --color-2: #ceb9b6; --color-3: #bca19e; --color-4: #dab093; --color-5: #f8be88. 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