#CECEC0 + #D3D2B0 + #D9D6A1 + #DEDA91 + #E4DE82 · warm - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CECEC0

Fresh Green · Silver · Lemon Cream

HEX

#CECEC0

RGB

rgb(206, 206, 192)

HSL

hsl(60, 13%, 78%)

HSB

hsb(60, 7%, 81%)

CMYK

cmyk(0%, 0%, 7%, 19%)

Oklch

oklch(84.8% 0.019 106.8)

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

#D3D2B0

Fresh Green · Silver · Lemon Cream

HEX

#D3D2B0

RGB

rgb(211, 210, 176)

HSL

hsl(58, 28%, 76%)

HSB

hsb(58, 17%, 83%)

CMYK

cmyk(0%, 0%, 17%, 17%)

Oklch

oklch(85.6% 0.046 105.9)

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

#D9D6A1

Fresh Green · Wheat · Sunflower

HEX

#D9D6A1

RGB

rgb(217, 214, 161)

HSL

hsl(57, 42%, 74%)

HSB

hsb(57, 26%, 85%)

CMYK

cmyk(0%, 1%, 26%, 15%)

Oklch

oklch(86.6% 0.070 105.0)

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

#DEDA91

Fresh Green · Khaki · Sunflower

HEX

#DEDA91

RGB

rgb(222, 218, 145)

HSL

hsl(57, 54%, 72%)

HSB

hsb(57, 35%, 87%)

CMYK

cmyk(0%, 2%, 35%, 13%)

Oklch

oklch(87.5% 0.093 105.5)

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

#E4DE82

Fresh Green · Khaki · Sunflower

HEX

#E4DE82

RGB

rgb(228, 222, 130)

HSL

hsl(56, 64%, 70%)

HSB

hsb(56, 43%, 89%)

CMYK

cmyk(0%, 3%, 43%, 11%)

Oklch

oklch(88.6% 0.114 105.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CECEC0

C0C0CE

Analogous

CEC7C0

CECEC0

C7CEC0

Triadic

CECEC0

C0CECE

CEC0CE

Split-Comp.

CECEC0

C0C7CE

C7C0CE

Tetradic

CECEC0

C0CEC7

C0C0CE

CEC0C7

Contrast Matrix WCAG 2.1 Contrast

CECEC0	D3D2B0	D9D6A1	DEDA91	E4DE82
—	1.0 Fail	1.1 Fail	1.1 Fail	1.1 Fail
1.0 Fail	—	1.0 Fail	1.1 Fail	1.1 Fail
1.1 Fail	1.0 Fail	—	1.0 Fail	1.1 Fail
1.1 Fail	1.1 Fail	1.0 Fail	—	1.0 Fail
1.1 Fail	1.1 Fail	1.1 Fail	1.0 Fail	—

White BG

1.6Fail

1.5Fail

1.4Fail

Black BG

13.2AAA

13.6AAA

14.1AAA

14.5AAA

15.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CECEC3

D3D3B8

D8D8AE

DCDCA3

E1E198

Deuteranopia

CECEC4

D3D3BA

D8D8B1

DDDDA7

E2E29E

Tritanopia

CEC6C7

D3BFC0

D9B8BA

DEB1B4

E4AAAE

Achromatopsia

CCCCCC

CECECE

D1D1D1

D3D3D3

D5D5D5

Shades & Tints Shades & Tints

#CECEC0

Dark

Light

#D3D2B0

Dark

Light

#D9D6A1

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cecec0;
  --color-2: #d3d2b0;
  --color-3: #d9d6a1;
  --color-4: #deda91;
  --color-5: #e4de82;
}

SCSS

$color-1: #cecec0;
$color-2: #d3d2b0;
$color-3: #d9d6a1;
$color-4: #deda91;
$color-5: #e4de82;

TAILWIND

colors: {
  'brand-1': '#cecec0',
  'brand-2': '#d3d2b0',
  'brand-3': '#d9d6a1',
  'brand-4': '#deda91',
  'brand-5': '#e4de82',
}

RGB Array

[206, 206, 192], [211, 210, 176], [217, 214, 161], [222, 218, 145], [228, 222, 130]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This warm-style palette of #CECEC0, #D3D2B0, #D9D6A1, #DEDA91, #E4DE82 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: #cecec0; --color-2: #d3d2b0; --color-3: #d9d6a1; --color-4: #deda91; --color-5: #e4de82. 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 warm-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