#BFB6AC + #E6C6A3 + #EBE4AB + #EBE9DF + #ABD4DE · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#BFB6AC

Goose Yellow · Silver · Warm Sun

HEX

#BFB6AC

RGB

rgb(191, 182, 172)

HSL

hsl(32, 13%, 71%)

HSB

hsb(32, 10%, 75%)

CMYK

cmyk(0%, 5%, 10%, 25%)

Oklch

oklch(78.1% 0.017 70.5)

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

#E6C6A3

Goose Yellow · BurlyWood · Peach Orange

HEX

#E6C6A3

RGB

rgb(230, 198, 163)

HSL

hsl(31, 57%, 77%)

HSB

hsb(31, 29%, 90%)

CMYK

cmyk(0%, 14%, 29%, 10%)

Oklch

oklch(84.5% 0.059 69.4)

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

#EBE4AB

Fresh Green · Wheat · Lemon Cream

HEX

#EBE4AB

RGB

rgb(235, 228, 171)

HSL

hsl(53, 62%, 80%)

HSB

hsb(53, 27%, 92%)

CMYK

cmyk(0%, 3%, 27%, 8%)

Oklch

oklch(91.1% 0.074 101.9)

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

#EBE9DF

Fresh Green · Beige · Lemon Cream

HEX

#EBE9DF

RGB

rgb(235, 233, 223)

HSL

hsl(50, 23%, 90%)

HSB

hsb(50, 5%, 92%)

CMYK

cmyk(0%, 1%, 5%, 8%)

Oklch

oklch(93.3% 0.014 97.4)

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

#ABD4DE

Sky Blue · LightBlue · Glacier Blue

HEX

#ABD4DE

RGB

rgb(171, 212, 222)

HSL

hsl(192, 44%, 77%)

HSB

hsb(192, 23%, 87%)

CMYK

cmyk(23%, 5%, 0%, 13%)

Oklch

oklch(84.4% 0.045 214.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFB6AC

ABB4BF

Analogous

BFACAB

BFB6AC

BEBFAB

Triadic

BFB6AC

ABBFB6

B6ABBF

Split-Comp.

BFB6AC

ABBEBF

ACABBF

Tetradic

BFB6AC

ABBFAC

ABB4BF

BFABBE

Contrast Matrix WCAG 2.1 Contrast

BFB6AC	E6C6A3	EBE4AB	EBE9DF	ABD4DE
—	1.2 Fail	1.5 Fail	1.6 Fail	1.3 Fail
1.2 Fail	—	1.3 Fail	1.3 Fail	1.0 Fail
1.5 Fail	1.3 Fail	—	1.1 Fail	1.2 Fail
1.6 Fail	1.3 Fail	1.1 Fail	—	1.3 Fail
1.3 Fail	1.0 Fail	1.2 Fail	1.3 Fail	—

White BG

2.0Fail

1.6Fail

1.3Fail

1.2Fail

1.6Fail

Black BG

10.5AAA

13.0AAA

16.2AAA

17.3AAA

13.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BBBBAE

D8D8AB

E8E8B9

EAEAE1

BDBDDC

Deuteranopia

BCBCAF

DADCAE

E8E9BC

EAEAE2

BAB7DB

Tritanopia

BFB0B1

E4B2B4

EBC4C6

EBE3E4

ADDAD9

Achromatopsia

B8B8B8

CCCCCC

E0E0E0

E8E8E8

C9C9C9

Shades & Tints Shades & Tints

#BFB6AC

Dark

Light

#E6C6A3

Dark

Light

#EBE4AB

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfb6ac;
  --color-2: #e6c6a3;
  --color-3: #ebe4ab;
  --color-4: #ebe9df;
  --color-5: #abd4de;
}

SCSS

$color-1: #bfb6ac;
$color-2: #e6c6a3;
$color-3: #ebe4ab;
$color-4: #ebe9df;
$color-5: #abd4de;

TAILWIND

colors: {
  'brand-1': '#bfb6ac',
  'brand-2': '#e6c6a3',
  'brand-3': '#ebe4ab',
  'brand-4': '#ebe9df',
  'brand-5': '#abd4de',
}

RGB Array

[191, 182, 172], [230, 198, 163], [235, 228, 171], [235, 233, 223], [171, 212, 222]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #BFB6AC, #E6C6A3, #EBE4AB, #EBE9DF, #ABD4DE is ideal for: health products, baby brands, fresh-style blogs. 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: #bfb6ac; --color-2: #e6c6a3; --color-3: #ebe4ab; --color-4: #ebe9df; --color-5: #abd4de. 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 vintage-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