#CEC7A1 + #E9DCDA + #C64F5A + #CBD24D + #D2D983 - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#CEC7A1

Fresh Green · Tan · Sunflower

HEX

#CEC7A1

RGB

rgb(206, 199, 161)

HSL

hsl(51, 31%, 72%)

HSB

hsb(51, 22%, 81%)

CMYK

cmyk(0%, 3%, 22%, 19%)

Oklch

oklch(82.6% 0.052 98.7)

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

#E9DCDA

Peach Pink · LightGray · Cherry Blossom

HEX

#E9DCDA

RGB

rgb(233, 220, 218)

HSL

hsl(8, 25%, 88%)

HSB

hsb(8, 6%, 91%)

CMYK

cmyk(0%, 6%, 6%, 9%)

Oklch

oklch(90.4% 0.015 28.0)

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

#C64F5A

Crimson · Sienna · Passion Red

HEX

#C64F5A

RGB

rgb(198, 79, 90)

HSL

hsl(354, 51%, 54%)

HSB

hsb(354, 60%, 78%)

CMYK

cmyk(0%, 60%, 55%, 22%)

Oklch

oklch(58.7% 0.152 17.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#CBD24D

Autumn Sage · GreenYellow · Sunflower

HEX

#CBD24D

RGB

rgb(203, 210, 77)

HSL

hsl(63, 60%, 56%)

HSB

hsb(63, 63%, 82%)

CMYK

cmyk(3%, 0%, 63%, 18%)

Oklch

oklch(83.4% 0.154 112.2)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#D2D983

Fresh Green · Khaki · Sunflower

HEX

#D2D983

RGB

rgb(210, 217, 131)

HSL

hsl(65, 53%, 68%)

HSB

hsb(65, 40%, 85%)

CMYK

cmyk(3%, 0%, 40%, 15%)

Oklch

oklch(86.1% 0.109 112.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEC7A1

A1A8CE

Analogous

CEB1A1

CEC7A1

BECEA1

Triadic

CEC7A1

A1CEC7

C7A1CE

Split-Comp.

CEC7A1

A1BECE

B1A1CE

Tetradic

CEC7A1

A1CEB1

A1A8CE

CEA1BE

Contrast Matrix WCAG 2.1 Contrast

CEC7A1	E9DCDA	C64F5A	CBD24D	D2D983
—	1.3 Fail	2.6 Fail	1.0 Fail	1.1 Fail
1.3 Fail	—	3.4 AA Large	1.2 Fail	1.1 Fail
2.6 Fail	3.4 AA Large	—	2.8 Fail	3.0 Fail
1.0 Fail	1.2 Fail	2.8 Fail	—	1.1 Fail
1.1 Fail	1.1 Fail	3.0 Fail	1.1 Fail	—

White BG

1.7Fail

1.3Fail

4.5AA Large

1.6Fail

1.5Fail

Black BG

12.3AAA

15.7AAA

4.7AA

12.9AAA

14.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CBCBAA

E3E3DA

929157

CECE6D

D5D598

Deuteranopia

CBCCAC

E4E5DB

99A257

CECD75

D5D49D

Tritanopia

CEB1B3

E8DBDB

C05555

CB878C

D2A8AC

Achromatopsia

C5C5C5

E0E0E0

747474

C1C1C1

CDCDCD

Shades & Tints Shades & Tints

#CEC7A1

Dark

Light

#E9DCDA

Dark

Light

#C64F5A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cec7a1;
  --color-2: #e9dcda;
  --color-3: #c64f5a;
  --color-4: #cbd24d;
  --color-5: #d2d983;
}

SCSS

$color-1: #cec7a1;
$color-2: #e9dcda;
$color-3: #c64f5a;
$color-4: #cbd24d;
$color-5: #d2d983;

TAILWIND

colors: {
  'brand-1': '#cec7a1',
  'brand-2': '#e9dcda',
  'brand-3': '#c64f5a',
  'brand-4': '#cbd24d',
  'brand-5': '#d2d983',
}

RGB Array

[206, 199, 161], [233, 220, 218], [198, 79, 90], [203, 210, 77], [210, 217, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEC7A1, #E9DCDA, #C64F5A, #CBD24D, #D2D983 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: #cec7a1; --color-2: #e9dcda; --color-3: #c64f5a; --color-4: #cbd24d; --color-5: #d2d983. 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