#BFB0B9 + #E6AABB + #E8CCB5 + #E7EBB0 + #EBE39B · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#BFB0B9

Mauve · Silver · Rose Pink

HEX

#BFB0B9

RGB

rgb(191, 176, 185)

HSL

hsl(324, 10%, 72%)

HSB

hsb(324, 8%, 75%)

CMYK

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

Oklch

oklch(77.3% 0.021 340.8)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#E6AABB

Rouge · LightPink · Cherry Blossom

HEX

#E6AABB

RGB

rgb(230, 170, 187)

HSL

hsl(343, 55%, 78%)

HSB

hsb(343, 26%, 90%)

CMYK

cmyk(0%, 26%, 19%, 10%)

Oklch

oklch(79.9% 0.073 0.2)

Traditional「Rouge」· Paint「Cherry Blossom」· Creative Rose Petal

#E8CCB5

Apricot · Wheat · Peach Orange

HEX

#E8CCB5

RGB

rgb(232, 204, 181)

HSL

hsl(27, 53%, 81%)

HSB

hsb(27, 22%, 91%)

CMYK

cmyk(0%, 12%, 22%, 9%)

Oklch

oklch(86.3% 0.044 61.6)

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

#E7EBB0

Fresh Green · Wheat · Lemon Cream

HEX

#E7EBB0

RGB

rgb(231, 235, 176)

HSL

hsl(64, 60%, 81%)

HSB

hsb(64, 25%, 92%)

CMYK

cmyk(2%, 0%, 25%, 8%)

Oklch

oklch(92.3% 0.076 111.0)

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

#EBE39B

Fresh Green · Khaki · Lemon Cream

HEX

#EBE39B

RGB

rgb(235, 227, 155)

HSL

hsl(54, 67%, 76%)

HSB

hsb(54, 34%, 92%)

CMYK

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

Oklch

oklch(90.6% 0.092 102.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BFB0B9

B0BFB6

Analogous

BDB0BF

BFB0B9

BFB0B2

Triadic

BFB0B9

B9BFB0

B0B9BF

Split-Comp.

BFB0B9

B2BFB0

B0BFBD

Tetradic

BFB0B9

BFBDB0

B0BFB6

B0B2BF

Contrast Matrix WCAG 2.1 Contrast

BFB0B9	E6AABB	E8CCB5	E7EBB0	EBE39B
—	1.1 Fail	1.4 Fail	1.7 Fail	1.6 Fail
1.1 Fail	—	1.3 Fail	1.6 Fail	1.5 Fail
1.4 Fail	1.3 Fail	—	1.2 Fail	1.2 Fail
1.7 Fail	1.6 Fail	1.2 Fail	—	1.1 Fail
1.6 Fail	1.5 Fail	1.2 Fail	1.1 Fail	—

White BG

2.1Fail

1.9Fail

1.5Fail

1.2Fail

1.3Fail

Black BG

10.1AAA

10.8AAA

13.7AAA

16.9AAA

16.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B8B7

CCCBB7

DCDCBB

E9E9BE

E8E7AC

Deuteranopia

B9BBB6

D0D4B6

DEE0BC

E9E8C2

E8E9B1

Tritanopia

BEB5B5

E3B4B3

E7BFC0

E7CACC

EBBABD

Achromatopsia

B6B6B6

BEBEBE

D2D2D2

E3E3E3

DDDDDD

Shades & Tints Shades & Tints

#BFB0B9

Dark

Light

#E6AABB

Dark

Light

#E8CCB5

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bfb0b9;
  --color-2: #e6aabb;
  --color-3: #e8ccb5;
  --color-4: #e7ebb0;
  --color-5: #ebe39b;
}

SCSS

$color-1: #bfb0b9;
$color-2: #e6aabb;
$color-3: #e8ccb5;
$color-4: #e7ebb0;
$color-5: #ebe39b;

TAILWIND

colors: {
  'brand-1': '#bfb0b9',
  'brand-2': '#e6aabb',
  'brand-3': '#e8ccb5',
  'brand-4': '#e7ebb0',
  'brand-5': '#ebe39b',
}

RGB Array

[191, 176, 185], [230, 170, 187], [232, 204, 181], [231, 235, 176], [235, 227, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #BFB0B9, #E6AABB, #E8CCB5, #E7EBB0, #EBE39B 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: #bfb0b9; --color-2: #e6aabb; --color-3: #e8ccb5; --color-4: #e7ebb0; --color-5: #ebe39b. 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