← Back to Editor

#E1D0BE · #F9DDD2 · #BE3835 · #ACCCB5 · #9BB99F

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

#E1D0BE

Goose Yellow · LightGray · Peach Orange

HEX
#E1D0BE
RGB
rgb(225, 208, 190)
HSL
hsl(31, 37%, 81%)
HSB
hsb(31, 16%, 88%)
CMYK
cmyk(0%, 8%, 16%, 12%)
Oklch
oklch(86.7% 0.031 69.0)

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

#F9DDD2

Apricot · Bisque · Peach Orange

HEX
#F9DDD2
RGB
rgb(249, 221, 210)
HSL
hsl(17, 76%, 90%)
HSB
hsb(17, 16%, 98%)
CMYK
cmyk(0%, 11%, 16%, 2%)
Oklch
oklch(91.8% 0.035 42.7)

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

#BE3835

Crimson · Brown · Passion Red

HEX
#BE3835
RGB
rgb(190, 56, 53)
HSL
hsl(1, 56%, 48%)
HSB
hsb(1, 72%, 75%)
CMYK
cmyk(0%, 71%, 72%, 25%)
Oklch
oklch(54.0% 0.171 26.1)

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

#ACCCB5

Celadon · Silver · Apple Green

HEX
#ACCCB5
RGB
rgb(172, 204, 181)
HSL
hsl(137, 24%, 74%)
HSB
hsb(137, 16%, 80%)
CMYK
cmyk(16%, 0%, 11%, 20%)
Oklch
oklch(81.5% 0.047 154.0)

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

#9BB99F

Celadon · DarkSeaGreen · Apple Green

HEX
#9BB99F
RGB
rgb(155, 185, 159)
HSL
hsl(128, 18%, 67%)
HSB
hsb(128, 16%, 73%)
CMYK
cmyk(16%, 0%, 14%, 27%)
Oklch
oklch(75.6% 0.049 148.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E1D0BE
BDCEE0

Analogous

E0BDBD
E1D0BE
E0E0BD

Triadic

E1D0BE
BDE0CF
CFBDE0

Split-Comp.

E1D0BE
BDE0E0
BDBDE0

Tetradic

E1D0BE
BDE0BD
BDCEE0
E0BDE0

Contrast Matrix WCAG 2.1 Contrast

E1D0BE
F9DDD2
BE3835
ACCCB5
9BB99F
—
1.2
Fail
3.7
AA Large
1.2
Fail
1.4
Fail
1.2
Fail
—
4.3
AA Large
1.4
Fail
1.7
Fail
3.7
AA Large
4.3
AA Large
—
3.2
AA Large
2.6
Fail
1.2
Fail
1.4
Fail
3.2
AA Large
—
1.2
Fail
1.4
Fail
1.7
Fail
2.6
Fail
1.2
Fail
—
White BG
1.5Fail
1.3Fail
5.5AA
1.7Fail
2.1Fail
Black BG
14.0AAA
16.3AAA
3.8AA Large
12.1AAA
9.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DAD9C2
EDEDD5
848336
BABABB
A8A8A5

Deuteranopia

DBDCC3
EFF1D5
8C9636
B8B6BC
A6A4A7

Tritanopia

E0C6C7
F8D7D7
B73636
AEBFC0
9DAAAB

Achromatopsia

D3D3D3
E4E4E4
606060
C0C0C0
ADADAD

Shades & Tints Shades & Tints

#E1D0BE

Dark
Light

#F9DDD2

Dark
Light

#BE3835

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e1d0be;
  --color-2: #f9ddd2;
  --color-3: #be3835;
  --color-4: #acccb5;
  --color-5: #9bb99f;
}

SCSS

$color-1: #e1d0be;
$color-2: #f9ddd2;
$color-3: #be3835;
$color-4: #acccb5;
$color-5: #9bb99f;

TAILWIND

colors: {
  'brand-1': '#e1d0be',
  'brand-2': '#f9ddd2',
  'brand-3': '#be3835',
  'brand-4': '#acccb5',
  'brand-5': '#9bb99f',
}

RGB Array

[225, 208, 190], [249, 221, 210], [190, 56, 53], [172, 204, 181], [155, 185, 159]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #E1D0BE, #F9DDD2, #BE3835, #ACCCB5, #9BB99F 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: #e1d0be; --color-2: #f9ddd2; --color-3: #be3835; --color-4: #acccb5; --color-5: #9bb99f. 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