← Back to Editor

#EAD7B6 · #D0AE71 · #CB7132 · #002729 · #7B937D

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#EAD7B6

Goose Yellow · Wheat · Peach Orange

HEX
#EAD7B6
RGB
rgb(234, 215, 182)
HSL
hsl(38, 55%, 82%)
HSB
hsb(38, 22%, 92%)
CMYK
cmyk(0%, 8%, 22%, 8%)
Oklch
oklch(88.6% 0.049 81.5)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D0AE71

Ginger · Tan · Warm Sun

HEX
#D0AE71
RGB
rgb(208, 174, 113)
HSL
hsl(39, 50%, 63%)
HSB
hsb(39, 46%, 82%)
CMYK
cmyk(0%, 16%, 46%, 18%)
Oklch
oklch(76.7% 0.088 81.4)

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

#CB7132

Tangerine · Chocolate · Amber Brown

HEX
#CB7132
RGB
rgb(203, 113, 50)
HSL
hsl(25, 60%, 50%)
HSB
hsb(25, 75%, 80%)
CMYK
cmyk(0%, 44%, 75%, 20%)
Oklch
oklch(63.9% 0.136 52.3)

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

#002729

Lake Blue · Black · Peacock Green

HEX
#002729
RGB
rgb(0, 39, 41)
HSL
hsl(183, 100%, 8%)
HSB
hsb(183, 100%, 16%)
CMYK
cmyk(100%, 5%, 0%, 84%)
Oklch
oklch(24.8% 0.042 200.0)

Traditional「Lake Blue」· Paint「Peacock Green」· Creative Blush Sunrise

#7B937D

Celadon · Gray · Olive Green

HEX
#7B937D
RGB
rgb(123, 147, 125)
HSL
hsl(125, 10%, 53%)
HSB
hsb(125, 16%, 58%)
CMYK
cmyk(16%, 0%, 15%, 42%)
Oklch
oklch(63.8% 0.042 147.3)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EAD7B6
B8CAEA

Analogous

EABFB8
EAD7B6
E4EAB8

Triadic

EAD7B6
B8EAD8
D8B8EA

Split-Comp.

EAD7B6
B8E4EA
BFB8EA

Tetradic

EAD7B6
B8EABF
B8CAEA
EAB8E4

Contrast Matrix WCAG 2.1 Contrast

EAD7B6
D0AE71
CB7132
002729
7B937D
—
1.5
Fail
2.5
Fail
11.3
AAA
2.4
Fail
1.5
Fail
—
1.7
Fail
7.5
AAA
1.6
Fail
2.5
Fail
1.7
Fail
—
4.5
AA Large
1.1
Fail
11.3
AAA
7.5
AAA
4.5
AA Large
—
4.8
AA
2.4
Fail
1.6
Fail
1.1
Fail
4.8
AA
—
White BG
1.4Fail
2.1Fail
3.5AA Large
15.9AAA
3.3AA Large
Black BG
14.9AAA
10.0AAA
5.9AA
1.3Fail
6.3AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E2E2BE
C1C180
A4A341
111129
858682

Deuteranopia

E3E4C0
C3C683
A9B045
0F0C28
848284

Tritanopia

E9C4C6
CE8B8E
C74D50
022828
7C8787

Achromatopsia

D9D9D9
B1B1B1
858585
1C1C1C
898989

Shades & Tints Shades & Tints

#EAD7B6

Dark
Light

#D0AE71

Dark
Light

#CB7132

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ead7b6;
  --color-2: #d0ae71;
  --color-3: #cb7132;
  --color-4: #002729;
  --color-5: #7b937d;
}

SCSS

$color-1: #ead7b6;
$color-2: #d0ae71;
$color-3: #cb7132;
$color-4: #002729;
$color-5: #7b937d;

TAILWIND

colors: {
  'brand-1': '#ead7b6',
  'brand-2': '#d0ae71',
  'brand-3': '#cb7132',
  'brand-4': '#002729',
  'brand-5': '#7b937d',
}

RGB Array

[234, 215, 182], [208, 174, 113], [203, 113, 50], [0, 39, 41], [123, 147, 125]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EAD7B6, #D0AE71, #CB7132, #002729, #7B937D is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #ead7b6; --color-2: #d0ae71; --color-3: #cb7132; --color-4: #002729; --color-5: #7b937d. 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. 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