#BC738A + #CF8196 + #D69D9C + #DEAB96 + #EEBDA3 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#BC738A

Dark Violet · LightCoral · Rose Pink

HEX

#BC738A

RGB

rgb(188, 115, 138)

HSL

hsl(341, 35%, 59%)

HSB

hsb(341, 39%, 74%)

CMYK

cmyk(0%, 39%, 27%, 26%)

Oklch

oklch(64.1% 0.096 359.8)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#CF8196

Rouge · LightCoral · Rose Pink

HEX

#CF8196

RGB

rgb(207, 129, 150)

HSL

hsl(344, 45%, 66%)

HSB

hsb(344, 38%, 81%)

CMYK

cmyk(0%, 38%, 28%, 19%)

Oklch

oklch(69.1% 0.099 2.6)

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

#D69D9C

Peach Pink · Tan · Coral Red

HEX

#D69D9C

RGB

rgb(214, 157, 156)

HSL

hsl(1, 41%, 73%)

HSB

hsb(1, 27%, 84%)

CMYK

cmyk(0%, 27%, 27%, 16%)

Oklch

oklch(75.0% 0.068 20.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#DEAB96

Apricot · Tan · Warm Sun

HEX

#DEAB96

RGB

rgb(222, 171, 150)

HSL

hsl(17, 52%, 73%)

HSB

hsb(17, 32%, 87%)

CMYK

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

Oklch

oklch(78.3% 0.067 43.4)

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

#EEBDA3

Apricot · BurlyWood · Peach Orange

HEX

#EEBDA3

RGB

rgb(238, 189, 163)

HSL

hsl(21, 69%, 79%)

HSB

hsb(21, 32%, 93%)

CMYK

cmyk(0%, 21%, 32%, 7%)

Oklch

oklch(83.5% 0.067 49.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

BC738A

72BBA4

Analogous

BB72AE

BC738A

BB7F72

Triadic

BC738A

89BB72

7289BB

Split-Comp.

BC738A

72BB7F

72AEBB

Tetradic

BC738A

AEBB72

72BBA4

7F72BB

Contrast Matrix WCAG 2.1 Contrast

BC738A	CF8196	D69D9C	DEAB96	EEBDA3
—	1.2 Fail	1.5 Fail	1.7 Fail	2.1 Fail
1.2 Fail	—	1.3 Fail	1.4 Fail	1.7 Fail
1.5 Fail	1.3 Fail	—	1.1 Fail	1.4 Fail
1.7 Fail	1.4 Fail	1.1 Fail	—	1.2 Fail
2.1 Fail	1.7 Fail	1.4 Fail	1.2 Fail	—

White BG

3.5AA Large

2.9Fail

2.3Fail

2.0Fail

1.7Fail

Black BG

6.0AA

7.2AAA

9.2AAA

10.4AAA

12.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9C9C84

ADAD91

BDBD9C

C8C79B

D9D8A9

Deuteranopia

A1A683

B2B890

C1C59C

CBCF9C

DCDFAB

Tritanopia

B8807F

CB8D8C

D39C9C

DB9FA0

ECAEAF

Achromatopsia

8B8B8B

9B9B9B

AEAEAE

B8B8B8

C9C9C9

Shades & Tints Shades & Tints

#BC738A

Dark

Light

#CF8196

Dark

Light

#D69D9C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #bc738a;
  --color-2: #cf8196;
  --color-3: #d69d9c;
  --color-4: #deab96;
  --color-5: #eebda3;
}

SCSS

$color-1: #bc738a;
$color-2: #cf8196;
$color-3: #d69d9c;
$color-4: #deab96;
$color-5: #eebda3;

TAILWIND

colors: {
  'brand-1': '#bc738a',
  'brand-2': '#cf8196',
  'brand-3': '#d69d9c',
  'brand-4': '#deab96',
  'brand-5': '#eebda3',
}

RGB Array

[188, 115, 138], [207, 129, 150], [214, 157, 156], [222, 171, 150], [238, 189, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #BC738A, #CF8196, #D69D9C, #DEAB96, #EEBDA3 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: #bc738a; --color-2: #cf8196; --color-3: #d69d9c; --color-4: #deab96; --color-5: #eebda3. 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