← Back to Editor

#BFAE99 · #CDBBA4 · #E4DBCD · #ECE6DC · #BCD7CE

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

AiryCleanWarmCool

Industry INDUSTRY

HealthcareSaaS

UI Context UI CONTEXT

WorkspaceReading

Color Details Color Details

#BFAE99

Ginger · Tan · Warm Sun

HEX
#BFAE99
RGB
rgb(191, 174, 153)
HSL
hsl(33, 23%, 67%)
HSB
hsb(33, 20%, 75%)
CMYK
cmyk(0%, 9%, 20%, 25%)
Oklch
oklch(76.0% 0.035 73.1)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#CDBBA4

Goose Yellow · Tan · Warm Sun

HEX
#CDBBA4
RGB
rgb(205, 187, 164)
HSL
hsl(34, 29%, 72%)
HSB
hsb(34, 20%, 80%)
CMYK
cmyk(0%, 9%, 20%, 20%)
Oklch
oklch(80.1% 0.038 74.0)

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

#E4DBCD

Goose Yellow · LightGray · Peach Orange

HEX
#E4DBCD
RGB
rgb(228, 219, 205)
HSL
hsl(37, 30%, 85%)
HSB
hsb(37, 10%, 89%)
CMYK
cmyk(0%, 4%, 10%, 11%)
Oklch
oklch(89.5% 0.021 79.1)

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

#ECE6DC

Goose Yellow · Beige · Peach Orange

HEX
#ECE6DC
RGB
rgb(236, 230, 220)
HSL
hsl(37, 30%, 89%)
HSB
hsb(37, 7%, 93%)
CMYK
cmyk(0%, 3%, 7%, 7%)
Oklch
oklch(92.7% 0.015 80.7)

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

#BCD7CE

Jade · LightGray · Glacier Blue

HEX
#BCD7CE
RGB
rgb(188, 215, 206)
HSL
hsl(160, 25%, 79%)
HSB
hsb(160, 13%, 84%)
CMYK
cmyk(13%, 0%, 4%, 16%)
Oklch
oklch(85.7% 0.031 173.5)

Traditional「Jade」· Paint「Glacier Blue」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFAE99
97A9BE

Analogous

BE9997
BFAE99
BCBE97

Triadic

BFAE99
97BEAD
AD97BE

Split-Comp.

BFAE99
97BCBE
9997BE

Tetradic

BFAE99
97BE99
97A9BE
BE97BC

Contrast Matrix WCAG 2.1 Contrast

BFAE99
CDBBA4
E4DBCD
ECE6DC
BCD7CE
—
1.2
Fail
1.6
Fail
1.7
Fail
1.4
Fail
1.2
Fail
—
1.4
Fail
1.5
Fail
1.2
Fail
1.6
Fail
1.4
Fail
—
1.1
Fail
1.1
Fail
1.7
Fail
1.5
Fail
1.1
Fail
—
1.2
Fail
1.4
Fail
1.2
Fail
1.1
Fail
1.2
Fail
—
White BG
2.2Fail
1.9Fail
1.4Fail
1.2Fail
1.5Fail
Black BG
9.7AAA
11.2AAA
15.3AAA
16.9AAA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B8B79E
C5C5AA
E0E0D0
E9E9DE
C8C8D0

Deuteranopia

B9BA9F
C6C8AB
E1E1D1
EAEADF
C6C4D1

Tritanopia

BEA2A3
CCAEAF
E4D3D4
ECE0E1
BDD2D2

Achromatopsia

B1B1B1
BEBEBE
DCDCDC
E7E7E7
CECECE

Shades & Tints Shades & Tints

#BFAE99

Dark
Light

#CDBBA4

Dark
Light

#E4DBCD

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfae99;
  --color-2: #cdbba4;
  --color-3: #e4dbcd;
  --color-4: #ece6dc;
  --color-5: #bcd7ce;
}

SCSS

$color-1: #bfae99;
$color-2: #cdbba4;
$color-3: #e4dbcd;
$color-4: #ece6dc;
$color-5: #bcd7ce;

TAILWIND

colors: {
  'brand-1': '#bfae99',
  'brand-2': '#cdbba4',
  'brand-3': '#e4dbcd',
  'brand-4': '#ece6dc',
  'brand-5': '#bcd7ce',
}

RGB Array

[191, 174, 153], [205, 187, 164], [228, 219, 205], [236, 230, 220], [188, 215, 206]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFAE99, #CDBBA4, #E4DBCD, #ECE6DC, #BCD7CE 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: #bfae99; --color-2: #cdbba4; --color-3: #e4dbcd; --color-4: #ece6dc; --color-5: #bcd7ce. 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