← Back to Editor

#B18C72 · #DFA482 · #CEB481 · #B5BA84 · #82BFA0

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

#B18C72

Tangerine · Gray · Warm Sun

HEX
#B18C72
RGB
rgb(177, 140, 114)
HSL
hsl(25, 29%, 57%)
HSB
hsb(25, 36%, 69%)
CMYK
cmyk(0%, 21%, 36%, 31%)
Oklch
oklch(66.8% 0.058 56.6)

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

#DFA482

Apricot · DarkSalmon · Warm Sun

HEX
#DFA482
RGB
rgb(223, 164, 130)
HSL
hsl(22, 59%, 69%)
HSB
hsb(22, 42%, 87%)
CMYK
cmyk(0%, 26%, 42%, 13%)
Oklch
oklch(76.6% 0.084 51.0)

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

#CEB481

Ginger · Tan · Sunflower

HEX
#CEB481
RGB
rgb(206, 180, 129)
HSL
hsl(40, 44%, 66%)
HSB
hsb(40, 37%, 81%)
CMYK
cmyk(0%, 13%, 37%, 19%)
Oklch
oklch(78.0% 0.074 83.8)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#B5BA84

Fresh Green · Tan · Sunflower

HEX
#B5BA84
RGB
rgb(181, 186, 132)
HSL
hsl(66, 28%, 62%)
HSB
hsb(66, 29%, 73%)
CMYK
cmyk(3%, 0%, 29%, 27%)
Oklch
oklch(77.2% 0.073 112.4)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#82BFA0

Jade · DarkSeaGreen · Apple Green

HEX
#82BFA0
RGB
rgb(130, 191, 160)
HSL
hsl(150, 32%, 63%)
HSB
hsb(150, 32%, 75%)
CMYK
cmyk(32%, 0%, 16%, 25%)
Oklch
oklch(75.4% 0.077 161.7)

Traditional「Jade」· Paint「Apple Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B18C72
7297B1

Analogous

B17277
B18C72
B1AC72

Triadic

B18C72
72B18C
8C72B1

Split-Comp.

B18C72
72B1AC
7277B1

Tetradic

B18C72
77B172
7297B1
AC72B1

Contrast Matrix WCAG 2.1 Contrast

B18C72
DFA482
CEB481
B5BA84
82BFA0
—
1.4
Fail
1.5
Fail
1.5
Fail
1.4
Fail
1.4
Fail
—
1.1
Fail
1.1
Fail
1.0
Fail
1.5
Fail
1.1
Fail
—
1.0
Fail
1.1
Fail
1.5
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.4
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
White BG
3.1AA Large
2.1Fail
2.0Fail
2.0Fail
2.1Fail
Black BG
6.9AA
9.8AAA
10.5AAA
10.3AAA
9.9AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A1A178
C5C58A
C3C38D
B7B791
9C9DA8

Deuteranopia

A3A67A
C9CD8C
C4C690
B7B794
9994A9

Tritanopia

AF7D7E
DC9192
CD9799
B59B9E
85ADAF

Achromatopsia

949494
B2B2B2
B6B6B6
B2B2B2
A9A9A9

Shades & Tints Shades & Tints

#B18C72

Dark
Light

#DFA482

Dark
Light

#CEB481

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b18c72;
  --color-2: #dfa482;
  --color-3: #ceb481;
  --color-4: #b5ba84;
  --color-5: #82bfa0;
}

SCSS

$color-1: #b18c72;
$color-2: #dfa482;
$color-3: #ceb481;
$color-4: #b5ba84;
$color-5: #82bfa0;

TAILWIND

colors: {
  'brand-1': '#b18c72',
  'brand-2': '#dfa482',
  'brand-3': '#ceb481',
  'brand-4': '#b5ba84',
  'brand-5': '#82bfa0',
}

RGB Array

[177, 140, 114], [223, 164, 130], [206, 180, 129], [181, 186, 132], [130, 191, 160]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #B18C72, #DFA482, #CEB481, #B5BA84, #82BFA0 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: #b18c72; --color-2: #dfa482; --color-3: #ceb481; --color-4: #b5ba84; --color-5: #82bfa0. 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