#ECDBBD + #CBC9A3 + #D2C372 + #DAAE67 + #C68488 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ECDBBD

Goose Yellow · Wheat · Peach Orange

HEX

#ECDBBD

RGB

rgb(236, 219, 189)

HSL

hsl(38, 55%, 83%)

HSB

hsb(38, 20%, 93%)

CMYK

cmyk(0%, 7%, 20%, 7%)

Oklch

oklch(89.7% 0.044 81.9)

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

#CBC9A3

Fresh Green · Tan · Sunflower

HEX

#CBC9A3

RGB

rgb(203, 201, 163)

HSL

hsl(57, 28%, 72%)

HSB

hsb(57, 20%, 80%)

CMYK

cmyk(0%, 1%, 20%, 20%)

Oklch

oklch(82.8% 0.051 105.0)

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

#D2C372

Fresh Green · BurlyWood · Sunflower

HEX

#D2C372

RGB

rgb(210, 195, 114)

HSL

hsl(51, 52%, 64%)

HSB

hsb(51, 46%, 82%)

CMYK

cmyk(0%, 7%, 46%, 18%)

Oklch

oklch(81.2% 0.103 99.1)

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

#DAAE67

Ginger · SandyBrown · Warm Sun

HEX

#DAAE67

RGB

rgb(218, 174, 103)

HSL

hsl(37, 61%, 63%)

HSB

hsb(37, 53%, 85%)

CMYK

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

Oklch

oklch(77.6% 0.103 78.3)

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

#C68488

Peach Pink · DarkSalmon · Coral Red

HEX

#C68488

RGB

rgb(198, 132, 136)

HSL

hsl(356, 37%, 65%)

HSB

hsb(356, 33%, 78%)

CMYK

cmyk(0%, 33%, 31%, 22%)

Oklch

oklch(68.1% 0.082 15.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECDBBD

BCCDEB

Analogous

EBC2BC

ECDBBD

E5EBBC

Triadic

ECDBBD

BCEBDA

DABCEB

Split-Comp.

ECDBBD

BCE5EB

C2BCEB

Tetradic

ECDBBD

BCEBC2

BCCDEB

EBBCE5

Contrast Matrix WCAG 2.1 Contrast

ECDBBD	CBC9A3	D2C372	DAAE67	C68488
—	1.2 Fail	1.3 Fail	1.5 Fail	2.2 Fail
1.2 Fail	—	1.1 Fail	1.2 Fail	1.8 Fail
1.3 Fail	1.1 Fail	—	1.2 Fail	1.7 Fail
1.5 Fail	1.2 Fail	1.2 Fail	—	1.4 Fail
2.2 Fail	1.8 Fail	1.7 Fail	1.4 Fail	—

White BG

1.4Fail

1.7Fail

1.8Fail

2.1Fail

3.0Fail

Black BG

15.4AAA

12.4AAA

11.8AAA

10.2AAA

7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E4C4

CACAAC

CCCB86

C7C778

A9A987

Deuteranopia

E6E7C6

CACAAE

CCCE8A

CACD7C

ADB287

Tritanopia

EBCACB

CBB3B5

D19598

D88689

C38686

Achromatopsia

DDDDDD

C5C5C5

BEBEBE

B3B3B3

989898

Shades & Tints Shades & Tints

#ECDBBD

Dark

Light

#CBC9A3

Dark

Light

#D2C372

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ecdbbd;
  --color-2: #cbc9a3;
  --color-3: #d2c372;
  --color-4: #daae67;
  --color-5: #c68488;
}

SCSS

$color-1: #ecdbbd;
$color-2: #cbc9a3;
$color-3: #d2c372;
$color-4: #daae67;
$color-5: #c68488;

TAILWIND

colors: {
  'brand-1': '#ecdbbd',
  'brand-2': '#cbc9a3',
  'brand-3': '#d2c372',
  'brand-4': '#daae67',
  'brand-5': '#c68488',
}

RGB Array

[236, 219, 189], [203, 201, 163], [210, 195, 114], [218, 174, 103], [198, 132, 136]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ECDBBD, #CBC9A3, #D2C372, #DAAE67, #C68488 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: #ecdbbd; --color-2: #cbc9a3; --color-3: #d2c372; --color-4: #daae67; --color-5: #c68488. 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