← Back to Editor

#EEE1D8 · #CCCBB2 · #B2CDAE · #A49D91 · #BF4B41

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

WorkspaceReading

Color Details Color Details

#EEE1D8

Apricot · Beige · Peach Orange

HEX
#EEE1D8
RGB
rgb(238, 225, 216)
HSL
hsl(25, 39%, 89%)
HSB
hsb(25, 9%, 93%)
CMYK
cmyk(0%, 5%, 9%, 7%)
Oklch
oklch(91.8% 0.019 57.2)

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

#CCCBB2

Fresh Green · Silver · Sunflower

HEX
#CCCBB2
RGB
rgb(204, 203, 178)
HSL
hsl(58, 20%, 75%)
HSB
hsb(58, 13%, 80%)
CMYK
cmyk(0%, 0%, 13%, 20%)
Oklch
oklch(83.6% 0.034 105.2)

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

#B2CDAE

Celadon · Silver · Apple Green

HEX
#B2CDAE
RGB
rgb(178, 205, 174)
HSL
hsl(112, 24%, 74%)
HSB
hsb(112, 15%, 80%)
CMYK
cmyk(13%, 0%, 15%, 20%)
Oklch
oklch(82.0% 0.052 141.5)

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

#A49D91

Ginger · DarkGray · Silver Sand

HEX
#A49D91
RGB
rgb(164, 157, 145)
HSL
hsl(38, 9%, 61%)
HSB
hsb(38, 12%, 64%)
CMYK
cmyk(0%, 4%, 12%, 36%)
Oklch
oklch(69.8% 0.019 81.3)

Traditional「Ginger」· Paint「Silver Sand」· Creative Urban Concrete

#BF4B41

Crimson · Sienna · Passion Red

HEX
#BF4B41
RGB
rgb(191, 75, 65)
HSL
hsl(5, 50%, 50%)
HSB
hsb(5, 66%, 75%)
CMYK
cmyk(0%, 61%, 66%, 25%)
Oklch
oklch(56.6% 0.151 27.8)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EEE1D8
D8E5EE

Analogous

EED8DA
EEE1D8
EEECD8

Triadic

EEE1D8
D8EEE1
E1D8EE

Split-Comp.

EEE1D8
D8EEEC
D8DAEE

Tetradic

EEE1D8
DAEED8
D8E5EE
ECD8EE

Contrast Matrix WCAG 2.1 Contrast

EEE1D8
CCCBB2
B2CDAE
A49D91
BF4B41
—
1.3
Fail
1.3
Fail
2.1
Fail
3.8
AA Large
1.3
Fail
—
1.0
Fail
1.6
Fail
3.0
Fail
1.3
Fail
1.0
Fail
—
1.6
Fail
2.8
Fail
2.1
Fail
1.6
Fail
1.6
Fail
—
1.8
Fail
3.8
AA Large
3.0
Fail
2.8
Fail
1.8
Fail
—
White BG
1.3Fail
1.6Fail
1.7Fail
2.7Fail
4.9AA
Black BG
16.4AAA
12.8AAA
12.2AAA
7.8AAA
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E8DA
CCCCB8
BEBEB6
A1A194
8D8C43

Deuteranopia

E9EADB
CCCCBA
BCBAB7
A1A295
949C44

Tritanopia

EDDCDC
CCBDBE
B3BBBD
A49697
B94546

Achromatopsia

E4E4E4
C8C8C8
C1C1C1
9E9E9E
6D6D6D

Shades & Tints Shades & Tints

#EEE1D8

Dark
Light

#CCCBB2

Dark
Light

#B2CDAE

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eee1d8;
  --color-2: #cccbb2;
  --color-3: #b2cdae;
  --color-4: #a49d91;
  --color-5: #bf4b41;
}

SCSS

$color-1: #eee1d8;
$color-2: #cccbb2;
$color-3: #b2cdae;
$color-4: #a49d91;
$color-5: #bf4b41;

TAILWIND

colors: {
  'brand-1': '#eee1d8',
  'brand-2': '#cccbb2',
  'brand-3': '#b2cdae',
  'brand-4': '#a49d91',
  'brand-5': '#bf4b41',
}

RGB Array

[238, 225, 216], [204, 203, 178], [178, 205, 174], [164, 157, 145], [191, 75, 65]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #EEE1D8, #CCCBB2, #B2CDAE, #A49D91, #BF4B41 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #eee1d8; --color-2: #cccbb2; --color-3: #b2cdae; --color-4: #a49d91; --color-5: #bf4b41. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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