#87655C + #E16972 + #F1869C + #DFAF88 + #D5C8A2 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#87655C

Crimson · DimGray · Passion Red

HEX

#87655C

RGB

rgb(135, 101, 92)

HSL

hsl(13, 19%, 45%)

HSB

hsb(13, 32%, 53%)

CMYK

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

Oklch

oklch(53.9% 0.046 35.3)

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

#E16972

Peach Pink · LightCoral · Coral Red

HEX

#E16972

RGB

rgb(225, 105, 114)

HSL

hsl(356, 67%, 65%)

HSB

hsb(356, 53%, 88%)

CMYK

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

Oklch

oklch(66.7% 0.150 17.4)

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

#F1869C

Peach Pink · LightCoral · Coral Red

HEX

#F1869C

RGB

rgb(241, 134, 156)

HSL

hsl(348, 79%, 74%)

HSB

hsb(348, 44%, 95%)

CMYK

cmyk(0%, 44%, 35%, 5%)

Oklch

oklch(74.2% 0.132 7.7)

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

#DFAF88

Apricot · BurlyWood · Warm Sun

HEX

#DFAF88

RGB

rgb(223, 175, 136)

HSL

hsl(27, 58%, 70%)

HSB

hsb(27, 39%, 87%)

CMYK

cmyk(0%, 22%, 39%, 13%)

Oklch

oklch(78.8% 0.077 60.5)

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

#D5C8A2

Goose Yellow · Tan · Sunflower

HEX

#D5C8A2

RGB

rgb(213, 200, 162)

HSL

hsl(45, 38%, 74%)

HSB

hsb(45, 24%, 84%)

CMYK

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

Oklch

oklch(83.4% 0.053 91.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

87655C

5D7F89

Analogous

895D69

87655C

897C5D

Triadic

87655C

5D8966

665D89

Split-Comp.

87655C

5D897C

5D6989

Tetradic

87655C

69895D

5D7F89

7C5D89

Contrast Matrix WCAG 2.1 Contrast

87655C	E16972	F1869C	DFAF88	D5C8A2
—	1.6 Fail	2.1 Fail	2.6 Fail	3.1 AA Large
1.6 Fail	—	1.3 Fail	1.6 Fail	2.0 Fail
2.1 Fail	1.3 Fail	—	1.2 Fail	1.5 Fail
2.6 Fail	1.6 Fail	1.2 Fail	—	1.2 Fail
3.1 AA Large	2.0 Fail	1.5 Fail	1.2 Fail	—

White BG

5.2AA

3.2AA Large

2.4Fail

2.0Fail

1.7Fail

Black BG

4.0AA Large

6.5AA

8.6AAA

10.6AAA

12.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

78785E

ADAC70

C3C297

CACA91

CFCFAB

Deuteranopia

7A7D5F

B4BD6F

C9D195

CDD194

D0D1AD

Tritanopia

856060

DB6E6E

EC9292

DD999B

D4B2B4

Achromatopsia

6E6E6E

8E8E8E

A9A9A9

B9B9B9

C8C8C8

Shades & Tints Shades & Tints

#87655C

Dark

Light

#E16972

Dark

Light

#F1869C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #87655c;
  --color-2: #e16972;
  --color-3: #f1869c;
  --color-4: #dfaf88;
  --color-5: #d5c8a2;
}

SCSS

$color-1: #87655c;
$color-2: #e16972;
$color-3: #f1869c;
$color-4: #dfaf88;
$color-5: #d5c8a2;

TAILWIND

colors: {
  'brand-1': '#87655c',
  'brand-2': '#e16972',
  'brand-3': '#f1869c',
  'brand-4': '#dfaf88',
  'brand-5': '#d5c8a2',
}

RGB Array

[135, 101, 92], [225, 105, 114], [241, 134, 156], [223, 175, 136], [213, 200, 162]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #87655C, #E16972, #F1869C, #DFAF88, #D5C8A2 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: #87655c; --color-2: #e16972; --color-3: #f1869c; --color-4: #dfaf88; --color-5: #d5c8a2. 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