← Back to Editor

#61574E · #BD7C66 · #A19386 · #A4A49C · #CFB09B

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#61574E

Tangerine · DimGray · Amber Brown

HEX
#61574E
RGB
rgb(97, 87, 78)
HSL
hsl(28, 11%, 34%)
HSB
hsb(28, 20%, 38%)
CMYK
cmyk(0%, 10%, 20%, 62%)
Oklch
oklch(46.4% 0.019 64.3)

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

#BD7C66

Tangerine · DarkSalmon · Warm Sun

HEX
#BD7C66
RGB
rgb(189, 124, 102)
HSL
hsl(15, 40%, 57%)
HSB
hsb(15, 46%, 74%)
CMYK
cmyk(0%, 34%, 46%, 26%)
Oklch
oklch(64.8% 0.088 39.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#A19386

Tangerine · Gray · Warm Sun

HEX
#A19386
RGB
rgb(161, 147, 134)
HSL
hsl(29, 13%, 58%)
HSB
hsb(29, 17%, 63%)
CMYK
cmyk(0%, 9%, 17%, 37%)
Oklch
oklch(67.2% 0.025 65.3)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#A4A49C

Ash · DarkGray · Silver Sand

HEX
#A4A49C
RGB
rgb(164, 164, 156)
HSL
hsl(60, 4%, 63%)
HSB
hsb(60, 5%, 64%)
CMYK
cmyk(0%, 0%, 5%, 36%)
Oklch
oklch(71.6% 0.011 106.7)

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

#CFB09B

Apricot · Tan · Warm Sun

HEX
#CFB09B
RGB
rgb(207, 176, 155)
HSL
hsl(24, 35%, 71%)
HSB
hsb(24, 25%, 81%)
CMYK
cmyk(0%, 15%, 25%, 19%)
Oklch
oklch(77.9% 0.046 56.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

61574E
4D5760

Analogous

604D4E
61574E
60604D

Triadic

61574E
4D6056
564D60

Split-Comp.

61574E
4D6060
4D4E60

Tetradic

61574E
4E604D
4D5760
604D60

Contrast Matrix WCAG 2.1 Contrast

61574E
BD7C66
A19386
A4A49C
CFB09B
—
2.1
Fail
2.4
Fail
2.8
Fail
3.5
AA Large
2.1
Fail
—
1.1
Fail
1.3
Fail
1.7
Fail
2.4
Fail
1.1
Fail
—
1.2
Fail
1.5
Fail
2.8
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
3.5
AA Large
1.7
Fail
1.5
Fail
1.2
Fail
—
White BG
7.0AAA
3.4AA Large
3.0Fail
2.5Fail
2.0Fail
Black BG
3.0Fail
6.2AA
7.0AAA
8.4AAA
10.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

5D5D50
A1A06B
9B9B89
A4A49E
C2C1A0

Deuteranopia

5D5E51
A5A96D
9C9D8A
A4A49E
C3C6A1

Tritanopia

605252
BA7070
A08C8C
A49FA0
CDA4A5

Achromatopsia

595959
8D8D8D
969696
A3A3A3
B7B7B7

Shades & Tints Shades & Tints

#61574E

Dark
Light

#BD7C66

Dark
Light

#A19386

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #61574e;
  --color-2: #bd7c66;
  --color-3: #a19386;
  --color-4: #a4a49c;
  --color-5: #cfb09b;
}

SCSS

$color-1: #61574e;
$color-2: #bd7c66;
$color-3: #a19386;
$color-4: #a4a49c;
$color-5: #cfb09b;

TAILWIND

colors: {
  'brand-1': '#61574e',
  'brand-2': '#bd7c66',
  'brand-3': '#a19386',
  'brand-4': '#a4a49c',
  'brand-5': '#cfb09b',
}

RGB Array

[97, 87, 78], [189, 124, 102], [161, 147, 134], [164, 164, 156], [207, 176, 155]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #61574E, #BD7C66, #A19386, #A4A49C, #CFB09B is ideal for: brand design, premium product pages, magazine layouts. 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: #61574e; --color-2: #bd7c66; --color-3: #a19386; --color-4: #a4a49c; --color-5: #cfb09b. 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. 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