← Back to Editor

#CEC2AC · #E1C888 · #BF9541 · #AA7C48 · #EDE8E2

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarm

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReadingData Visualization

Color Details Color Details

#CEC2AC

Goose Yellow · Silver · Warm Sun

HEX
#CEC2AC
RGB
rgb(206, 194, 172)
HSL
hsl(39, 26%, 74%)
HSB
hsb(39, 17%, 81%)
CMYK
cmyk(0%, 6%, 17%, 19%)
Oklch
oklch(81.8% 0.033 82.8)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#E1C888

Goose Yellow · BurlyWood · Sunflower

HEX
#E1C888
RGB
rgb(225, 200, 136)
HSL
hsl(43, 60%, 71%)
HSB
hsb(43, 40%, 88%)
CMYK
cmyk(0%, 11%, 40%, 12%)
Oklch
oklch(83.9% 0.087 89.0)

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

#BF9541

Ochre · GoldenRod · Honey Gold

HEX
#BF9541
RGB
rgb(191, 149, 65)
HSL
hsl(40, 50%, 50%)
HSB
hsb(40, 66%, 75%)
CMYK
cmyk(0%, 22%, 66%, 25%)
Oklch
oklch(69.3% 0.113 82.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#AA7C48

Ochre · Sienna · Amber Brown

HEX
#AA7C48
RGB
rgb(170, 124, 72)
HSL
hsl(32, 40%, 47%)
HSB
hsb(32, 58%, 67%)
CMYK
cmyk(0%, 27%, 58%, 33%)
Oklch
oklch(62.1% 0.089 68.3)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#EDE8E2

Goose Yellow · Linen · Peach Orange

HEX
#EDE8E2
RGB
rgb(237, 232, 226)
HSL
hsl(33, 23%, 91%)
HSB
hsb(33, 5%, 93%)
CMYK
cmyk(0%, 2%, 5%, 7%)
Oklch
oklch(93.3% 0.010 72.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

CEC2AC
ABB8CE

Analogous

CEB1AB
CEC2AC
C9CEAB

Triadic

CEC2AC
ABCEC2
C2ABCE

Split-Comp.

CEC2AC
ABC9CE
B1ABCE

Tetradic

CEC2AC
ABCEB1
ABB8CE
CEABC9

Contrast Matrix WCAG 2.1 Contrast

CEC2AC
E1C888
BF9541
AA7C48
EDE8E2
—
1.1
Fail
1.6
Fail
2.1
Fail
1.4
Fail
1.1
Fail
—
1.7
Fail
2.3
Fail
1.3
Fail
1.6
Fail
1.7
Fail
—
1.3
Fail
2.3
Fail
2.1
Fail
2.3
Fail
1.3
Fail
—
3.0
AA Large
1.4
Fail
1.3
Fail
2.3
Fail
3.0
AA Large
—
White BG
1.8Fail
1.6Fail
2.8Fail
3.7AA Large
1.2Fail
Black BG
11.9AAA
12.8AAA
7.6AAA
5.7AA
17.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C9C9B1
D6D697
ADAC55
969655
EBEBE3

Deuteranopia

CACAB3
D8DA9B
AFB25A
999C58
EBEBE4

Tritanopia

CDB6B6
E0A4A6
BD6569
A85F61
EDE5E5

Achromatopsia

C3C3C3
C8C8C8
989898
848484
E9E9E9

Shades & Tints Shades & Tints

#CEC2AC

Dark
Light

#E1C888

Dark
Light

#BF9541

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #cec2ac;
  --color-2: #e1c888;
  --color-3: #bf9541;
  --color-4: #aa7c48;
  --color-5: #ede8e2;
}

SCSS

$color-1: #cec2ac;
$color-2: #e1c888;
$color-3: #bf9541;
$color-4: #aa7c48;
$color-5: #ede8e2;

TAILWIND

colors: {
  'brand-1': '#cec2ac',
  'brand-2': '#e1c888',
  'brand-3': '#bf9541',
  'brand-4': '#aa7c48',
  'brand-5': '#ede8e2',
}

RGB Array

[206, 194, 172], [225, 200, 136], [191, 149, 65], [170, 124, 72], [237, 232, 226]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #CEC2AC, #E1C888, #BF9541, #AA7C48, #EDE8E2 is ideal for: health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #cec2ac; --color-2: #e1c888; --color-3: #bf9541; --color-4: #aa7c48; --color-5: #ede8e2. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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