← Back to Editor

#C0B0B1 · #E4BDAC · #DCAE9F · #A9AAAC · #7D7369

vintage

A 5-color vintage palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#C0B0B1

Peach Pink · Silver · Coral Red

HEX
#C0B0B1
RGB
rgb(192, 176, 177)
HSL
hsl(356, 11%, 72%)
HSB
hsb(356, 8%, 75%)
CMYK
cmyk(0%, 8%, 8%, 25%)
Oklch
oklch(77.1% 0.018 13.2)

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

#E4BDAC

Apricot · LightPink · Peach Orange

HEX
#E4BDAC
RGB
rgb(228, 189, 172)
HSL
hsl(18, 51%, 78%)
HSB
hsb(18, 25%, 89%)
CMYK
cmyk(0%, 17%, 25%, 11%)
Oklch
oklch(82.8% 0.051 44.8)

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

#DCAE9F

Apricot · Tan · Warm Sun

HEX
#DCAE9F
RGB
rgb(220, 174, 159)
HSL
hsl(15, 47%, 74%)
HSB
hsb(15, 28%, 86%)
CMYK
cmyk(0%, 21%, 28%, 14%)
Oklch
oklch(78.8% 0.058 38.8)

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

#A9AAAC

Ash · DarkGray · Silver Sand

HEX
#A9AAAC
RGB
rgb(169, 170, 172)
HSL
hsl(220, 2%, 67%)
HSB
hsb(220, 2%, 67%)
CMYK
cmyk(2%, 1%, 0%, 33%)
Oklch
oklch(73.8% 0.003 264.5)

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

#7D7369

Ochre · DimGray · Warm Gray

HEX
#7D7369
RGB
rgb(125, 115, 105)
HSL
hsl(30, 9%, 45%)
HSB
hsb(30, 16%, 49%)
CMYK
cmyk(0%, 8%, 16%, 51%)
Oklch
oklch(56.2% 0.020 67.4)

Traditional「Ochre」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C0B0B1
B0BFBE

Analogous

BFB0B9
C0B0B1
BFB7B0

Triadic

C0B0B1
B1BFB0
B0B1BF

Split-Comp.

C0B0B1
B0BFB7
B0B9BF

Tetradic

C0B0B1
B9BFB0
B0BFBE
B7B0BF

Contrast Matrix WCAG 2.1 Contrast

C0B0B1
E4BDAC
DCAE9F
A9AAAC
7D7369
—
1.2
Fail
1.1
Fail
1.1
Fail
2.2
Fail
1.2
Fail
—
1.1
Fail
1.3
Fail
2.7
Fail
1.1
Fail
1.1
Fail
—
1.2
Fail
2.3
Fail
1.1
Fail
1.3
Fail
1.2
Fail
—
2.0
Fail
2.2
Fail
2.7
Fail
2.3
Fail
2.0
Fail
—
White BG
2.1Fail
1.7Fail
2.0Fail
2.3Fail
4.6AA
Black BG
10.1AAA
12.2AAA
10.6AAA
9.0AAA
4.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B9B1
D3D3B0
C8C8A3
A9A9AC
79796B

Deuteranopia

BABBB1
D5D8B1
CBCEA4
A9A9AB
797A6C

Tritanopia

BFB1B1
E2B3B4
DAA5A6
A9ABAB
7D6D6E

Achromatopsia

B5B5B5
C7C7C7
BABABA
AAAAAA
757575

Shades & Tints Shades & Tints

#C0B0B1

Dark
Light

#E4BDAC

Dark
Light

#DCAE9F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c0b0b1;
  --color-2: #e4bdac;
  --color-3: #dcae9f;
  --color-4: #a9aaac;
  --color-5: #7d7369;
}

SCSS

$color-1: #c0b0b1;
$color-2: #e4bdac;
$color-3: #dcae9f;
$color-4: #a9aaac;
$color-5: #7d7369;

TAILWIND

colors: {
  'brand-1': '#c0b0b1',
  'brand-2': '#e4bdac',
  'brand-3': '#dcae9f',
  'brand-4': '#a9aaac',
  'brand-5': '#7d7369',
}

RGB Array

[192, 176, 177], [228, 189, 172], [220, 174, 159], [169, 170, 172], [125, 115, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #C0B0B1, #E4BDAC, #DCAE9F, #A9AAAC, #7D7369 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #c0b0b1; --color-2: #e4bdac; --color-3: #dcae9f; --color-4: #a9aaac; --color-5: #7d7369. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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