#827762 + #5D9C8F + #D7D1B6 + #CEB55D + #C07B5A · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#827762

Ochre · DimGray · Amber Brown

HEX

#827762

RGB

rgb(130, 119, 98)

HSL

hsl(39, 14%, 45%)

HSB

hsb(39, 25%, 51%)

CMYK

cmyk(0%, 8%, 25%, 49%)

Oklch

oklch(57.3% 0.034 83.5)

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

#5D9C8F

Mineral Blue · CadetBlue · Mint Ice

HEX

#5D9C8F

RGB

rgb(93, 156, 143)

HSL

hsl(168, 25%, 49%)

HSB

hsb(168, 40%, 61%)

CMYK

cmyk(40%, 0%, 8%, 39%)

Oklch

oklch(64.6% 0.068 179.3)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

#D7D1B6

Goose Yellow · LightGray · Lemon Cream

HEX

#D7D1B6

RGB

rgb(215, 209, 182)

HSL

hsl(49, 29%, 78%)

HSB

hsb(49, 15%, 84%)

CMYK

cmyk(0%, 3%, 15%, 16%)

Oklch

oklch(85.8% 0.037 96.8)

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

#CEB55D

Ginger · SandyBrown · Sunflower

HEX

#CEB55D

RGB

rgb(206, 181, 93)

HSL

hsl(47, 54%, 59%)

HSB

hsb(47, 55%, 81%)

CMYK

cmyk(0%, 12%, 55%, 19%)

Oklch

oklch(77.7% 0.112 93.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#C07B5A

Tangerine · DarkSalmon · Warm Sun

HEX

#C07B5A

RGB

rgb(192, 123, 90)

HSL

hsl(19, 45%, 55%)

HSB

hsb(19, 53%, 75%)

CMYK

cmyk(0%, 36%, 53%, 25%)

Oklch

oklch(64.8% 0.098 46.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

827762

636E83

Analogous

836863

827762

7E8363

Triadic

827762

638378

786383

Split-Comp.

827762

637E83

686383

Tetradic

827762

638368

636E83

83637E

Contrast Matrix WCAG 2.1 Contrast

827762	5D9C8F	D7D1B6	CEB55D	C07B5A
—	1.4 Fail	2.9 Fail	2.2 Fail	1.3 Fail
1.4 Fail	—	2.1 Fail	1.6 Fail	1.1 Fail
2.9 Fail	2.1 Fail	—	1.3 Fail	2.2 Fail
2.2 Fail	1.6 Fail	1.3 Fail	—	1.7 Fail
1.3 Fail	1.1 Fail	2.2 Fail	1.7 Fail	—

White BG

4.4AA Large

3.2AA Large

1.5Fail

2.0Fail

3.4AA Large

Black BG

4.8AA

6.6AA

13.7AAA

10.4AAA

6.2AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7D7D67

787992

D4D4BD

C3C372

A2A262

Deuteranopia

7E7F68

757093

D5D5BE

C5C777

A6AB64

Tritanopia

816B6C

609595

D7C2C3

CD8387

BD686A

Achromatopsia

787878

888888

D0D0D0

B2B2B2

8C8C8C

Shades & Tints Shades & Tints

#827762

Dark

Light

#5D9C8F

Dark

Light

#D7D1B6

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #827762;
  --color-2: #5d9c8f;
  --color-3: #d7d1b6;
  --color-4: #ceb55d;
  --color-5: #c07b5a;
}

SCSS

$color-1: #827762;
$color-2: #5d9c8f;
$color-3: #d7d1b6;
$color-4: #ceb55d;
$color-5: #c07b5a;

TAILWIND

colors: {
  'brand-1': '#827762',
  'brand-2': '#5d9c8f',
  'brand-3': '#d7d1b6',
  'brand-4': '#ceb55d',
  'brand-5': '#c07b5a',
}

RGB Array

[130, 119, 98], [93, 156, 143], [215, 209, 182], [206, 181, 93], [192, 123, 90]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #827762, #5D9C8F, #D7D1B6, #CEB55D, #C07B5A 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: #827762; --color-2: #5d9c8f; --color-3: #d7d1b6; --color-4: #ceb55d; --color-5: #c07b5a. 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