← Back to Editor

#BFBCA9 · #E5DCCB · #F1F3EF · #A3C7BF · #8A999C

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

#BFBCA9

Fresh Green · Silver · Sunflower

HEX
#BFBCA9
RGB
rgb(191, 188, 169)
HSL
hsl(52, 15%, 71%)
HSB
hsb(52, 12%, 75%)
CMYK
cmyk(0%, 2%, 12%, 25%)
Oklch
oklch(79.2% 0.026 99.6)

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

#E5DCCB

Goose Yellow · LightGray · Peach Orange

HEX
#E5DCCB
RGB
rgb(229, 220, 203)
HSL
hsl(39, 33%, 85%)
HSB
hsb(39, 11%, 90%)
CMYK
cmyk(0%, 4%, 11%, 10%)
Oklch
oklch(89.7% 0.025 83.4)

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

#F1F3EF

Celadon · Linen · Mint Green

HEX
#F1F3EF
RGB
rgb(241, 243, 239)
HSL
hsl(90, 14%, 95%)
HSB
hsb(90, 2%, 95%)
CMYK
cmyk(1%, 0%, 2%, 5%)
Oklch
oklch(96.2% 0.006 128.5)

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

#A3C7BF

Jade · Silver · Lake Green

HEX
#A3C7BF
RGB
rgb(163, 199, 191)
HSL
hsl(167, 24%, 71%)
HSB
hsb(167, 18%, 78%)
CMYK
cmyk(18%, 0%, 4%, 22%)
Oklch
oklch(80.1% 0.040 180.2)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#8A999C

Slate Blue · LightSlateGray · Silver Sand

HEX
#8A999C
RGB
rgb(138, 153, 156)
HSL
hsl(190, 8%, 58%)
HSB
hsb(190, 12%, 61%)
CMYK
cmyk(12%, 2%, 0%, 39%)
Oklch
oklch(67.2% 0.018 211.1)

Traditional「Slate Blue」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFBCA9
AAADC0

Analogous

C0B2AA
BFBCA9
B8C0AA

Triadic

BFBCA9
AAC0BD
BDAAC0

Split-Comp.

BFBCA9
AAB8C0
B2AAC0

Tetradic

BFBCA9
AAC0B2
AAADC0
C0AAB8

Contrast Matrix WCAG 2.1 Contrast

BFBCA9
E5DCCB
F1F3EF
A3C7BF
8A999C
—
1.4
Fail
1.7
Fail
1.0
Fail
1.5
Fail
1.4
Fail
—
1.2
Fail
1.3
Fail
2.2
Fail
1.7
Fail
1.2
Fail
—
1.6
Fail
2.6
Fail
1.0
Fail
1.3
Fail
1.6
Fail
—
1.6
Fail
1.5
Fail
2.2
Fail
2.6
Fail
1.6
Fail
—
White BG
1.9Fail
1.4Fail
1.1Fail
1.8Fail
3.0Fail
Black BG
11.0AAA
15.4AAA
18.8AAA
11.5AAA
7.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBEAE
E1E1CF
F2F2F0
B3B3C1
90919B

Deuteranopia

BEBEAF
E2E2D0
F2F2F0
B1AEC1
908F9B

Tritanopia

BFB1B2
E5D2D3
F1F1F1
A5C2C3
8B9B9B

Achromatopsia

BBBBBB
DDDDDD
F2F2F2
BBBBBB
959595

Shades & Tints Shades & Tints

#BFBCA9

Dark
Light

#E5DCCB

Dark
Light

#F1F3EF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfbca9;
  --color-2: #e5dccb;
  --color-3: #f1f3ef;
  --color-4: #a3c7bf;
  --color-5: #8a999c;
}

SCSS

$color-1: #bfbca9;
$color-2: #e5dccb;
$color-3: #f1f3ef;
$color-4: #a3c7bf;
$color-5: #8a999c;

TAILWIND

colors: {
  'brand-1': '#bfbca9',
  'brand-2': '#e5dccb',
  'brand-3': '#f1f3ef',
  'brand-4': '#a3c7bf',
  'brand-5': '#8a999c',
}

RGB Array

[191, 188, 169], [229, 220, 203], [241, 243, 239], [163, 199, 191], [138, 153, 156]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #BFBCA9, #E5DCCB, #F1F3EF, #A3C7BF, #8A999C 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: #bfbca9; --color-2: #e5dccb; --color-3: #f1f3ef; --color-4: #a3c7bf; --color-5: #8a999c. 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