#966C7F + #C76973 + #FF8080 + #F2C5B6 + #E4E6CF · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#966C7F

Dark Violet · Gray · Rose Pink

HEX

#966C7F

RGB

rgb(150, 108, 127)

HSL

hsl(333, 17%, 51%)

HSB

hsb(333, 28%, 59%)

CMYK

cmyk(0%, 28%, 15%, 41%)

Oklch

oklch(58.0% 0.059 350.3)

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

#C76973

Crimson · LightCoral · Passion Red

HEX

#C76973

RGB

rgb(199, 105, 115)

HSL

hsl(354, 46%, 60%)

HSB

hsb(354, 47%, 78%)

CMYK

cmyk(0%, 47%, 42%, 22%)

Oklch

oklch(63.2% 0.119 14.4)

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

#FF8080

Peach Pink · Salmon · Coral Red

HEX

#FF8080

RGB

rgb(255, 128, 128)

HSL

hsl(0, 100%, 75%)

HSB

hsb(0, 50%, 100%)

CMYK

cmyk(0%, 50%, 50%, 0%)

Oklch

oklch(74.4% 0.155 21.5)

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

#F2C5B6

Apricot · LightPink · Peach Orange

HEX

#F2C5B6

RGB

rgb(242, 197, 182)

HSL

hsl(15, 70%, 83%)

HSB

hsb(15, 25%, 95%)

CMYK

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

Oklch

oklch(85.9% 0.056 39.3)

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

#E4E6CF

Fresh Green · LightGray · Lemon Cream

HEX

#E4E6CF

RGB

rgb(228, 230, 207)

HSL

hsl(65, 32%, 86%)

HSB

hsb(65, 10%, 90%)

CMYK

cmyk(1%, 0%, 10%, 10%)

Oklch

oklch(91.7% 0.031 111.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

966C7F

6D9784

Analogous

976D95

966C7F

976F6D

Triadic

966C7F

80976D

6D8097

Split-Comp.

966C7F

6D976F

6D9597

Tetradic

966C7F

95976D

6D9784

6F6D97

Contrast Matrix WCAG 2.1 Contrast

966C7F	C76973	FF8080	F2C5B6	E4E6CF
—	1.2 Fail	1.8 Fail	2.8 Fail	3.5 AA Large
1.2 Fail	—	1.5 Fail	2.4 Fail	2.9 Fail
1.8 Fail	1.5 Fail	—	1.6 Fail	1.9 Fail
2.8 Fail	2.4 Fail	1.6 Fail	—	1.2 Fail
3.5 AA Large	2.9 Fail	1.9 Fail	1.2 Fail	—

White BG

4.4AA Large

3.7AA Large

2.4Fail

1.6Fail

1.3Fail

Black BG

4.7AA

5.7AA

8.7AAA

13.4AAA

16.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

84837A

9E9D71

C8C780

DFDEBA

E5E5D5

Deuteranopia

868979

A4AB70

CFD980

E1E4BB

E5E5D6

Tritanopia

947776

C26F6E

F98080

F0BCBD

E4D9DA

Achromatopsia

7B7B7B

868686

A6A6A6

D1D1D1

E3E3E3

Shades & Tints Shades & Tints

#966C7F

Dark

Light

#C76973

Dark

Light

#FF8080

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #966c7f;
  --color-2: #c76973;
  --color-3: #ff8080;
  --color-4: #f2c5b6;
  --color-5: #e4e6cf;
}

SCSS

$color-1: #966c7f;
$color-2: #c76973;
$color-3: #ff8080;
$color-4: #f2c5b6;
$color-5: #e4e6cf;

TAILWIND

colors: {
  'brand-1': '#966c7f',
  'brand-2': '#c76973',
  'brand-3': '#ff8080',
  'brand-4': '#f2c5b6',
  'brand-5': '#e4e6cf',
}

RGB Array

[150, 108, 127], [199, 105, 115], [255, 128, 128], [242, 197, 182], [228, 230, 207]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #966C7F, #C76973, #FF8080, #F2C5B6, #E4E6CF 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: #966c7f; --color-2: #c76973; --color-3: #ff8080; --color-4: #f2c5b6; --color-5: #e4e6cf. 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