#ECDFB5 + #CDCDB6 + #ADB59B + #828364 + #FD6F68 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#ECDFB5

Goose Yellow · Wheat · Lemon Cream

HEX

#ECDFB5

RGB

rgb(236, 223, 181)

HSL

hsl(46, 59%, 82%)

HSB

hsb(46, 23%, 93%)

CMYK

cmyk(0%, 6%, 23%, 7%)

Oklch

oklch(90.4% 0.057 92.9)

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

#CDCDB6

Fresh Green · Silver · Lemon Cream

HEX

#CDCDB6

RGB

rgb(205, 205, 182)

HSL

hsl(60, 19%, 76%)

HSB

hsb(60, 11%, 80%)

CMYK

cmyk(0%, 0%, 11%, 20%)

Oklch

oklch(84.2% 0.031 107.1)

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

#ADB59B

Willow Green · DarkGray · Apple Green

HEX

#ADB59B

RGB

rgb(173, 181, 155)

HSL

hsl(78, 15%, 66%)

HSB

hsb(78, 14%, 71%)

CMYK

cmyk(4%, 0%, 14%, 29%)

Oklch

oklch(76.0% 0.037 121.2)

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

#828364

Autumn Sage · Gray · Honey Gold

HEX

#828364

RGB

rgb(130, 131, 100)

HSL

hsl(62, 13%, 45%)

HSB

hsb(62, 24%, 51%)

CMYK

cmyk(1%, 0%, 24%, 49%)

Oklch

oklch(60.1% 0.045 109.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#FD6F68

Peach Pink · Salmon · Coral Red

HEX

#FD6F68

RGB

rgb(253, 111, 104)

HSL

hsl(3, 97%, 70%)

HSB

hsb(3, 59%, 99%)

CMYK

cmyk(0%, 56%, 59%, 1%)

Oklch

oklch(71.3% 0.175 25.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ECDFB5

B6C3EC

Analogous

ECC4B6

ECDFB5

DEECB6

Triadic

ECDFB5

B6ECE0

E0B6EC

Split-Comp.

ECDFB5

B6DEEC

C4B6EC

Tetradic

ECDFB5

B6ECC4

B6C3EC

ECB6DE

Contrast Matrix WCAG 2.1 Contrast

ECDFB5	CDCDB6	ADB59B	828364	FD6F68
—	1.2 Fail	1.6 Fail	2.9 Fail	2.1 Fail
1.2 Fail	—	1.3 Fail	2.4 Fail	1.7 Fail
1.6 Fail	1.3 Fail	—	1.8 Fail	1.3 Fail
2.9 Fail	2.4 Fail	1.8 Fail	—	1.4 Fail
2.1 Fail	1.7 Fail	1.3 Fail	1.4 Fail	—

White BG

1.3Fail

1.6Fail

2.1Fail

3.9AA Large

2.7Fail

Black BG

15.8AAA

13.0AAA

9.9AAA

5.4AA

7.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E6E6BF

CDCDBC

B0B1A1

82826C

C0BE6A

Deuteranopia

E7E8C2

CDCDBD

B0AFA3

82826D

C8D26A

Tritanopia

EBC7C9

CDC0C1

ADA6A7

827173

F66B6B

Achromatopsia

DEDEDE

CACACA

B0B0B0

7F7F7F

999999

Shades & Tints Shades & Tints

#ECDFB5

Dark

Light

#CDCDB6

Dark

Light

#ADB59B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ecdfb5;
  --color-2: #cdcdb6;
  --color-3: #adb59b;
  --color-4: #828364;
  --color-5: #fd6f68;
}

SCSS

$color-1: #ecdfb5;
$color-2: #cdcdb6;
$color-3: #adb59b;
$color-4: #828364;
$color-5: #fd6f68;

TAILWIND

colors: {
  'brand-1': '#ecdfb5',
  'brand-2': '#cdcdb6',
  'brand-3': '#adb59b',
  'brand-4': '#828364',
  'brand-5': '#fd6f68',
}

RGB Array

[236, 223, 181], [205, 205, 182], [173, 181, 155], [130, 131, 100], [253, 111, 104]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ECDFB5, #CDCDB6, #ADB59B, #828364, #FD6F68 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: #ecdfb5; --color-2: #cdcdb6; --color-3: #adb59b; --color-4: #828364; --color-5: #fd6f68. 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