#8E6877 + #C06668 + #E69A7A + #EFBA84 + #EFE1BC · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#8E6877

Dark Violet · Gray · Camellia

HEX

#8E6877

RGB

rgb(142, 104, 119)

HSL

hsl(336, 15%, 48%)

HSB

hsb(336, 27%, 56%)

CMYK

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

Oklch

oklch(56.1% 0.053 353.5)

Traditional「Dark Violet」· Paint「Camellia」· Creative Blush Sunrise

#C06668

Crimson · LightCoral · Passion Red

HEX

#C06668

RGB

rgb(192, 102, 104)

HSL

hsl(359, 42%, 58%)

HSB

hsb(359, 47%, 75%)

CMYK

cmyk(0%, 47%, 46%, 25%)

Oklch

oklch(61.5% 0.115 19.6)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

#E69A7A

Apricot · DarkSalmon · Warm Sun

HEX

#E69A7A

RGB

rgb(230, 154, 122)

HSL

hsl(18, 68%, 69%)

HSB

hsb(18, 47%, 90%)

CMYK

cmyk(0%, 33%, 47%, 10%)

Oklch

oklch(75.4% 0.102 43.6)

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

#EFBA84

Goose Yellow · BurlyWood · Warm Sun

HEX

#EFBA84

RGB

rgb(239, 186, 132)

HSL

hsl(30, 77%, 73%)

HSB

hsb(30, 45%, 94%)

CMYK

cmyk(0%, 22%, 45%, 6%)

Oklch

oklch(82.5% 0.093 66.5)

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

#EFE1BC

Goose Yellow · Wheat · Lemon Cream

HEX

#EFE1BC

RGB

rgb(239, 225, 188)

HSL

hsl(44, 61%, 84%)

HSB

hsb(44, 21%, 94%)

CMYK

cmyk(0%, 6%, 21%, 6%)

Oklch

oklch(91.2% 0.051 89.8)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8E6877

688D7E

Analogous

8D6889

8E6877

8D6C68

Triadic

8E6877

778D68

68778D

Split-Comp.

8E6877

688D6C

68898D

Tetradic

8E6877

898D68

688D7E

6C688D

Contrast Matrix WCAG 2.1 Contrast

8E6877	C06668	E69A7A	EFBA84	EFE1BC
—	1.2 Fail	2.1 Fail	2.7 Fail	3.7 AA Large
1.2 Fail	—	1.7 Fail	2.3 Fail	3.0 AA Large
2.1 Fail	1.7 Fail	—	1.3 Fail	1.7 Fail
2.7 Fail	2.3 Fail	1.3 Fail	—	1.3 Fail
3.7 AA Large	3.0 AA Large	1.7 Fail	1.3 Fail	—

White BG

4.8AA

3.9AA Large

2.3Fail

1.7Fail

1.3Fail

Black BG

4.4AA Large

5.3AA

9.3AAA

12.0AAA

16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7E7D73

999868

C5C482

D8D891

E9E9C5

Deuteranopia

808373

9EA567

CACF84

DBDF94

EAEBC7

Tritanopia

8C7170

BB6767

E28889

EC9B9E

EECCCE

Achromatopsia

757575

818181

ADADAD

C4C4C4

E1E1E1

Shades & Tints Shades & Tints

#8E6877

Dark

Light

#C06668

Dark

Light

#E69A7A

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8e6877;
  --color-2: #c06668;
  --color-3: #e69a7a;
  --color-4: #efba84;
  --color-5: #efe1bc;
}

SCSS

$color-1: #8e6877;
$color-2: #c06668;
$color-3: #e69a7a;
$color-4: #efba84;
$color-5: #efe1bc;

TAILWIND

colors: {
  'brand-1': '#8e6877',
  'brand-2': '#c06668',
  'brand-3': '#e69a7a',
  'brand-4': '#efba84',
  'brand-5': '#efe1bc',
}

RGB Array

[142, 104, 119], [192, 102, 104], [230, 154, 122], [239, 186, 132], [239, 225, 188]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #8E6877, #C06668, #E69A7A, #EFBA84, #EFE1BC 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: #8e6877; --color-2: #c06668; --color-3: #e69a7a; --color-4: #efba84; --color-5: #efe1bc. 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