← Back to Editor

#AD725E · #BEBA9F · #E8E6CA · #ABD0BC · #4F464A

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 MenuPosterData Visualization

Color Details Color Details

#AD725E

Tangerine · Gray · Warm Sun

HEX
#AD725E
RGB
rgb(173, 114, 94)
HSL
hsl(15, 33%, 52%)
HSB
hsb(15, 46%, 68%)
CMYK
cmyk(0%, 34%, 46%, 32%)
Oklch
oklch(60.9% 0.081 39.5)

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

#BEBA9F

Fresh Green · Tan · Sunflower

HEX
#BEBA9F
RGB
rgb(190, 186, 159)
HSL
hsl(52, 19%, 68%)
HSB
hsb(52, 16%, 75%)
CMYK
cmyk(0%, 2%, 16%, 25%)
Oklch
oklch(78.5% 0.037 100.3)

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

#E8E6CA

Fresh Green · Bisque · Lemon Cream

HEX
#E8E6CA
RGB
rgb(232, 230, 202)
HSL
hsl(56, 39%, 85%)
HSB
hsb(56, 13%, 91%)
CMYK
cmyk(0%, 1%, 13%, 9%)
Oklch
oklch(91.9% 0.037 103.8)

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

#ABD0BC

Celadon · Silver · Apple Green

HEX
#ABD0BC
RGB
rgb(171, 208, 188)
HSL
hsl(148, 28%, 74%)
HSB
hsb(148, 18%, 82%)
CMYK
cmyk(18%, 0%, 10%, 18%)
Oklch
oklch(82.5% 0.048 161.5)

Traditional「Celadon」· Paint「Apple Green」· Creative Mint Breeze

#4F464A

Dark Cyan · DarkSlateGray · Charcoal

HEX
#4F464A
RGB
rgb(79, 70, 74)
HSL
hsl(333, 6%, 29%)
HSB
hsb(333, 11%, 31%)
CMYK
cmyk(0%, 11%, 6%, 69%)
Oklch
oklch(40.5% 0.014 349.0)

Traditional「Dark Cyan」· Paint「Charcoal」· Creative Midnight Shadow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AD725E
5C99AD

Analogous

AD5C70
AD725E
AD995C

Triadic

AD725E
5CAD70
705CAD

Split-Comp.

AD725E
5CAD99
5C70AD

Tetradic

AD725E
70AD5C
5C99AD
995CAD

Contrast Matrix WCAG 2.1 Contrast

AD725E
BEBA9F
E8E6CA
ABD0BC
4F464A
—
2.0
Fail
3.1
AA Large
2.3
Fail
2.3
Fail
2.0
Fail
—
1.5
Fail
1.2
Fail
4.6
AA
3.1
AA Large
1.5
Fail
—
1.3
Fail
7.2
AAA
2.3
Fail
1.2
Fail
1.3
Fail
—
5.4
AA
2.3
Fail
4.6
AA
7.2
AAA
5.4
AA
—
White BG
3.9AA Large
2.0Fail
1.3Fail
1.7Fail
9.1AAA
Black BG
5.3AA
10.7AAA
16.6AAA
12.5AAA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

939363
BCBCA6
E7E7D1
BBBBC1
4B4B49

Deuteranopia

979B64
BDBDA7
E7E7D2
B9B6C2
4C4C49

Tritanopia

AA6768
BEABAC
E8D6D7
ADC5C6
4F4848

Achromatopsia

818181
B8B8B8
E3E3E3
C3C3C3
494949

Shades & Tints Shades & Tints

#AD725E

Dark
Light

#BEBA9F

Dark
Light

#E8E6CA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ad725e;
  --color-2: #beba9f;
  --color-3: #e8e6ca;
  --color-4: #abd0bc;
  --color-5: #4f464a;
}

SCSS

$color-1: #ad725e;
$color-2: #beba9f;
$color-3: #e8e6ca;
$color-4: #abd0bc;
$color-5: #4f464a;

TAILWIND

colors: {
  'brand-1': '#ad725e',
  'brand-2': '#beba9f',
  'brand-3': '#e8e6ca',
  'brand-4': '#abd0bc',
  'brand-5': '#4f464a',
}

RGB Array

[173, 114, 94], [190, 186, 159], [232, 230, 202], [171, 208, 188], [79, 70, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #AD725E, #BEBA9F, #E8E6CA, #ABD0BC, #4F464A is ideal for: brand design, premium product pages, magazine layouts, infographics, data visualization, accessible design. Low-saturation colors convey a sophisticated, premium feel. High contrast ensures clear visual hierarchy and readability. 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: #ad725e; --color-2: #beba9f; --color-3: #e8e6ca; --color-4: #abd0bc; --color-5: #4f464a. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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