← Back to Editor

#E9DECC · #EACDBF · #CEBD9F · #271F1D · #BDC9B1

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

#E9DECC

Goose Yellow · Bisque · Peach Orange

HEX
#E9DECC
RGB
rgb(233, 222, 204)
HSL
hsl(37, 40%, 86%)
HSB
hsb(37, 12%, 91%)
CMYK
cmyk(0%, 5%, 12%, 9%)
Oklch
oklch(90.5% 0.027 80.2)

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

#EACDBF

Apricot · Wheat · Peach Orange

HEX
#EACDBF
RGB
rgb(234, 205, 191)
HSL
hsl(20, 51%, 83%)
HSB
hsb(20, 18%, 92%)
CMYK
cmyk(0%, 12%, 18%, 8%)
Oklch
oklch(86.9% 0.038 47.4)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#CEBD9F

Goose Yellow · Tan · Warm Sun

HEX
#CEBD9F
RGB
rgb(206, 189, 159)
HSL
hsl(38, 32%, 72%)
HSB
hsb(38, 23%, 81%)
CMYK
cmyk(0%, 8%, 23%, 19%)
Oklch
oklch(80.5% 0.045 81.8)

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

#271F1D

Crimson · Black · Deep Berry

HEX
#271F1D
RGB
rgb(39, 31, 29)
HSL
hsl(12, 15%, 13%)
HSB
hsb(12, 26%, 15%)
CMYK
cmyk(0%, 21%, 26%, 85%)
Oklch
oklch(24.8% 0.013 34.3)

Traditional「Crimson」· Paint「Deep Berry」· Creative Blush Sunrise

#BDC9B1

Celadon · Silver · Apple Green

HEX
#BDC9B1
RGB
rgb(189, 201, 177)
HSL
hsl(90, 18%, 74%)
HSB
hsb(90, 12%, 79%)
CMYK
cmyk(6%, 0%, 12%, 21%)
Oklch
oklch(82.0% 0.035 129.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E9DECC
CDD8EA

Analogous

EAD0CD
E9DECC
E6EACD

Triadic

E9DECC
CDEADF
DFCDEA

Split-Comp.

E9DECC
CDE6EA
D0CDEA

Tetradic

E9DECC
CDEAD0
CDD8EA
EACDE6

Contrast Matrix WCAG 2.1 Contrast

E9DECC
EACDBF
CEBD9F
271F1D
BDC9B1
—
1.1
Fail
1.4
Fail
12.1
AAA
1.3
Fail
1.1
Fail
—
1.2
Fail
10.8
AAA
1.2
Fail
1.4
Fail
1.2
Fail
—
8.8
AAA
1.1
Fail
12.1
AAA
10.8
AAA
8.8
AAA
—
9.3
AAA
1.3
Fail
1.2
Fail
1.1
Fail
9.3
AAA
—
White BG
1.3Fail
1.5Fail
1.8Fail
16.2AAA
1.7Fail
Black BG
15.8AAA
14.0AAA
11.4AAA
1.3Fail
12.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E4E4D0
DDDDC2
C7C6A6
24231D
C2C2B7

Deuteranopia

E5E6D1
DFE1C3
C8C9A8
24251E
C2C1B8

Tritanopia

E8D4D5
E9C5C6
CDACAD
271E1E
BEBBBC

Achromatopsia

DFDFDF
D4D4D4
BFBFBF
212121
C3C3C3

Shades & Tints Shades & Tints

#E9DECC

Dark
Light

#EACDBF

Dark
Light

#CEBD9F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e9decc;
  --color-2: #eacdbf;
  --color-3: #cebd9f;
  --color-4: #271f1d;
  --color-5: #bdc9b1;
}

SCSS

$color-1: #e9decc;
$color-2: #eacdbf;
$color-3: #cebd9f;
$color-4: #271f1d;
$color-5: #bdc9b1;

TAILWIND

colors: {
  'brand-1': '#e9decc',
  'brand-2': '#eacdbf',
  'brand-3': '#cebd9f',
  'brand-4': '#271f1d',
  'brand-5': '#bdc9b1',
}

RGB Array

[233, 222, 204], [234, 205, 191], [206, 189, 159], [39, 31, 29], [189, 201, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E9DECC, #EACDBF, #CEBD9F, #271F1D, #BDC9B1 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: #e9decc; --color-2: #eacdbf; --color-3: #cebd9f; --color-4: #271f1d; --color-5: #bdc9b1. 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