#DED8A7 + #BCDAAF + #DAC896 + #E8998B + #CE406F - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#DED8A7

Fresh Green · Wheat · Lemon Cream

HEX

#DED8A7

RGB

rgb(222, 216, 167)

HSL

hsl(53, 45%, 76%)

HSB

hsb(53, 25%, 87%)

CMYK

cmyk(0%, 3%, 25%, 13%)

Oklch

oklch(87.5% 0.065 101.8)

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

#BCDAAF

Celadon · Silver · Apple Green

HEX

#BCDAAF

RGB

rgb(188, 218, 175)

HSL

hsl(102, 37%, 77%)

HSB

hsb(102, 20%, 85%)

CMYK

cmyk(14%, 0%, 20%, 15%)

Oklch

oklch(85.5% 0.066 136.3)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#DAC896

Goose Yellow · BurlyWood · Sunflower

HEX

#DAC896

RGB

rgb(218, 200, 150)

HSL

hsl(44, 48%, 72%)

HSB

hsb(44, 31%, 85%)

CMYK

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

Oklch

oklch(83.6% 0.069 90.6)

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

#E8998B

Peach Pink · DarkSalmon · Coral Red

HEX

#E8998B

RGB

rgb(232, 153, 139)

HSL

hsl(9, 67%, 73%)

HSB

hsb(9, 40%, 91%)

CMYK

cmyk(0%, 34%, 40%, 9%)

Oklch

oklch(75.8% 0.098 30.5)

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

#CE406F

Dark Violet · MediumVioletRed · Rose Pink

HEX

#CE406F

RGB

rgb(206, 64, 111)

HSL

hsl(340, 59%, 53%)

HSB

hsb(340, 69%, 81%)

CMYK

cmyk(0%, 69%, 46%, 19%)

Oklch

oklch(58.7% 0.181 4.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DED8A7

A6ADDD

Analogous

DDBBA6

DED8A7

C8DDA6

Triadic

DED8A7

A6DDD7

D7A6DD

Split-Comp.

DED8A7

A6C8DD

BBA6DD

Tetradic

DED8A7

A6DDBB

A6ADDD

DDA6C8

Contrast Matrix WCAG 2.1 Contrast

DED8A7	BCDAAF	DAC896	E8998B	CE406F
—	1.1 Fail	1.1 Fail	1.5 Fail	3.2 AA Large
1.1 Fail	—	1.1 Fail	1.5 Fail	3.0 AA Large
1.1 Fail	1.1 Fail	—	1.4 Fail	2.8 Fail
1.5 Fail	1.5 Fail	1.4 Fail	—	2.0 Fail
3.2 AA Large	3.0 AA Large	2.8 Fail	2.0 Fail	—

White BG

1.4Fail

1.5Fail

1.7Fail

2.2Fail

4.6AA

Black BG

14.5AAA

13.8AAA

12.7AAA

9.4AAA

4.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DBDBB3

C9C9B9

D2D2A2

C6C58E

918F64

Deuteranopia

DCDCB6

C7C5BC

D3D5A5

CAD08F

99A361

Tritanopia

DEBCBE

BEC2C3

D9ACAE

E49192

C75B59

Achromatopsia

D4D4D4

CCCCCC

C8C8C8

AFAFAF

707070

Shades & Tints Shades & Tints

#DED8A7

Dark

Light

#BCDAAF

Dark

Light

#DAC896

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ded8a7;
  --color-2: #bcdaaf;
  --color-3: #dac896;
  --color-4: #e8998b;
  --color-5: #ce406f;
}

SCSS

$color-1: #ded8a7;
$color-2: #bcdaaf;
$color-3: #dac896;
$color-4: #e8998b;
$color-5: #ce406f;

TAILWIND

colors: {
  'brand-1': '#ded8a7',
  'brand-2': '#bcdaaf',
  'brand-3': '#dac896',
  'brand-4': '#e8998b',
  'brand-5': '#ce406f',
}

RGB Array

[222, 216, 167], [188, 218, 175], [218, 200, 150], [232, 153, 139], [206, 64, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #DED8A7, #BCDAAF, #DAC896, #E8998B, #CE406F 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: #ded8a7; --color-2: #bcdaaf; --color-3: #dac896; --color-4: #e8998b; --color-5: #ce406f. 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