#95654E + #DCAA6F + #DFCF9B + #D78B74 + #896A65 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#95654E

Tangerine · Sienna · Amber Brown

HEX

#95654E

RGB

rgb(149, 101, 78)

HSL

hsl(19, 31%, 45%)

HSB

hsb(19, 48%, 58%)

CMYK

cmyk(0%, 32%, 48%, 42%)

Oklch

oklch(55.2% 0.071 46.4)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#DCAA6F

Ginger · DarkSalmon · Warm Sun

HEX

#DCAA6F

RGB

rgb(220, 170, 111)

HSL

hsl(32, 61%, 65%)

HSB

hsb(32, 50%, 86%)

CMYK

cmyk(0%, 23%, 50%, 14%)

Oklch

oklch(77.1% 0.096 70.2)

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

#DFCF9B

Goose Yellow · BurlyWood · Sunflower

HEX

#DFCF9B

RGB

rgb(223, 207, 155)

HSL

hsl(46, 52%, 74%)

HSB

hsb(46, 30%, 87%)

CMYK

cmyk(0%, 7%, 30%, 13%)

Oklch

oklch(85.5% 0.070 93.0)

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

#D78B74

Peach Pink · DarkSalmon · Coral Red

HEX

#D78B74

RGB

rgb(215, 139, 116)

HSL

hsl(14, 55%, 65%)

HSB

hsb(14, 46%, 84%)

CMYK

cmyk(0%, 35%, 46%, 16%)

Oklch

oklch(70.9% 0.099 37.6)

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

#896A65

Crimson · DimGray · Passion Red

HEX

#896A65

RGB

rgb(137, 106, 101)

HSL

hsl(8, 15%, 47%)

HSB

hsb(8, 26%, 54%)

CMYK

cmyk(0%, 23%, 26%, 46%)

Oklch

oklch(55.4% 0.041 29.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

95654E

4F8096

Analogous

964F5C

95654E

96894F

Triadic

95654E

4F9666

664F96

Split-Comp.

95654E

4F9689

4F5C96

Tetradic

95654E

5C964F

4F8096

894F96

Contrast Matrix WCAG 2.1 Contrast

95654E	DCAA6F	DFCF9B	D78B74	896A65
—	2.4 Fail	3.2 AA Large	1.8 Fail	1.0 Fail
2.4 Fail	—	1.4 Fail	1.3 Fail	2.3 Fail
3.2 AA Large	1.4 Fail	—	1.7 Fail	3.1 AA Large
1.8 Fail	1.3 Fail	1.7 Fail	—	1.8 Fail
1.0 Fail	2.3 Fail	3.1 AA Large	1.8 Fail	—

White BG

4.9AA

2.1Fail

1.6Fail

2.7Fail

4.9AA

Black BG

4.2AA Large

10.0AAA

13.5AAA

7.8AAA

4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

808054

C6C67D

D8D8A8

B6B57A

7C7B66

Deuteranopia

838755

C9CD81

D9DAAB

BBC07B

7D8066

Tritanopia

935859

DA898B

DEB2B4

D37E7F

876767

Achromatopsia

717171

B2B2B2

CECECE

9F9F9F

737373

Shades & Tints Shades & Tints

#95654E

Dark

Light

#DCAA6F

Dark

Light

#DFCF9B

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #95654e;
  --color-2: #dcaa6f;
  --color-3: #dfcf9b;
  --color-4: #d78b74;
  --color-5: #896a65;
}

SCSS

$color-1: #95654e;
$color-2: #dcaa6f;
$color-3: #dfcf9b;
$color-4: #d78b74;
$color-5: #896a65;

TAILWIND

colors: {
  'brand-1': '#95654e',
  'brand-2': '#dcaa6f',
  'brand-3': '#dfcf9b',
  'brand-4': '#d78b74',
  'brand-5': '#896a65',
}

RGB Array

[149, 101, 78], [220, 170, 111], [223, 207, 155], [215, 139, 116], [137, 106, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #95654E, #DCAA6F, #DFCF9B, #D78B74, #896A65 is ideal for: corporate websites, product showcases, portfolios. 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: #95654e; --color-2: #dcaa6f; --color-3: #dfcf9b; --color-4: #d78b74; --color-5: #896a65. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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