#94717D + #E1738C + #EA9A95 + #E4B9AC + #AFB5B2 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#94717D

Dark Violet · Gray · Rose Pink

HEX

#94717D

RGB

rgb(148, 113, 125)

HSL

hsl(339, 14%, 51%)

HSB

hsb(339, 24%, 58%)

CMYK

cmyk(0%, 24%, 16%, 42%)

Oklch

oklch(58.7% 0.047 356.2)

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

#E1738C

Peach Pink · LightCoral · Coral Red

HEX

#E1738C

RGB

rgb(225, 115, 140)

HSL

hsl(346, 65%, 67%)

HSB

hsb(346, 49%, 88%)

CMYK

cmyk(0%, 49%, 38%, 12%)

Oklch

oklch(68.8% 0.138 7.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EA9A95

Peach Pink · DarkSalmon · Coral Red

HEX

#EA9A95

RGB

rgb(234, 154, 149)

HSL

hsl(4, 67%, 75%)

HSB

hsb(4, 36%, 92%)

CMYK

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

Oklch

oklch(76.5% 0.097 23.5)

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

#E4B9AC

Peach Pink · LightPink · Coral Red

HEX

#E4B9AC

RGB

rgb(228, 185, 172)

HSL

hsl(14, 51%, 78%)

HSB

hsb(14, 25%, 89%)

CMYK

cmyk(0%, 19%, 25%, 11%)

Oklch

oklch(82.0% 0.053 37.5)

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

#AFB5B2

Ash · DarkGray · Silver Sand

HEX

#AFB5B2

RGB

rgb(175, 181, 178)

HSL

hsl(150, 4%, 70%)

HSB

hsb(150, 3%, 71%)

CMYK

cmyk(3%, 0%, 2%, 29%)

Oklch

oklch(76.7% 0.008 164.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

94717D

719487

Analogous

94718E

94717D

947671

Triadic

94717D

7D9471

717D94

Split-Comp.

94717D

719476

718E94

Tetradic

94717D

8E9471

719487

767194

Contrast Matrix WCAG 2.1 Contrast

94717D	E1738C	EA9A95	E4B9AC	AFB5B2
—	1.4 Fail	1.9 Fail	2.4 Fail	2.0 Fail
1.4 Fail	—	1.4 Fail	1.7 Fail	1.4 Fail
1.9 Fail	1.4 Fail	—	1.2 Fail	1.1 Fail
2.4 Fail	1.7 Fail	1.2 Fail	—	1.2 Fail
2.0 Fail	1.4 Fail	1.1 Fail	1.2 Fail	—

White BG

4.3AA Large

3.0Fail

2.2Fail

1.8Fail

2.1Fail

Black BG

4.9AA

7.0AAA

9.6AAA

11.8AAA

10.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

85857A

B1B086

C7C796

D1D1AF

B2B2B3

Deuteranopia

878A79

B8C085

CCD297

D4D7B0

B1B1B3

Tritanopia

927877

DC8180

E69797

E2B2B2

AFB3B3

Achromatopsia

7D7D7D

979797

B1B1B1

C4C4C4

B3B3B3

Shades & Tints Shades & Tints

#94717D

Dark

Light

#E1738C

Dark

Light

#EA9A95

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #94717d;
  --color-2: #e1738c;
  --color-3: #ea9a95;
  --color-4: #e4b9ac;
  --color-5: #afb5b2;
}

SCSS

$color-1: #94717d;
$color-2: #e1738c;
$color-3: #ea9a95;
$color-4: #e4b9ac;
$color-5: #afb5b2;

TAILWIND

colors: {
  'brand-1': '#94717d',
  'brand-2': '#e1738c',
  'brand-3': '#ea9a95',
  'brand-4': '#e4b9ac',
  'brand-5': '#afb5b2',
}

RGB Array

[148, 113, 125], [225, 115, 140], [234, 154, 149], [228, 185, 172], [175, 181, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #94717D, #E1738C, #EA9A95, #E4B9AC, #AFB5B2 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: #94717d; --color-2: #e1738c; --color-3: #ea9a95; --color-4: #e4b9ac; --color-5: #afb5b2. 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