← Back to Editor

#EFDEC0 · #A38851 · #D94624 · #2A2F32 · #717167

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

#EFDEC0

Goose Yellow · Wheat · Peach Orange

HEX
#EFDEC0
RGB
rgb(239, 222, 192)
HSL
hsl(38, 59%, 85%)
HSB
hsb(38, 20%, 94%)
CMYK
cmyk(0%, 7%, 20%, 6%)
Oklch
oklch(90.7% 0.044 81.9)

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

#A38851

Ochre · Gray · Honey Gold

HEX
#A38851
RGB
rgb(163, 136, 81)
HSL
hsl(40, 34%, 48%)
HSB
hsb(40, 50%, 64%)
CMYK
cmyk(0%, 17%, 50%, 36%)
Oklch
oklch(63.9% 0.080 84.1)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#D94624

Vermilion · Chocolate · Passion Red

HEX
#D94624
RGB
rgb(217, 70, 36)
HSL
hsl(11, 72%, 50%)
HSB
hsb(11, 83%, 85%)
CMYK
cmyk(0%, 68%, 83%, 15%)
Oklch
oklch(59.9% 0.189 34.2)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

#2A2F32

Slate Blue · DarkSlateGray · Dark Stone

HEX
#2A2F32
RGB
rgb(42, 47, 50)
HSL
hsl(202, 9%, 18%)
HSB
hsb(202, 16%, 20%)
CMYK
cmyk(16%, 6%, 0%, 80%)
Oklch
oklch(30.1% 0.009 234.0)

Traditional「Slate Blue」· Paint「Dark Stone」· Creative Midnight Shadow

#717167

Ink Gray · DimGray · Warm Gray

HEX
#717167
RGB
rgb(113, 113, 103)
HSL
hsl(60, 5%, 42%)
HSB
hsb(60, 9%, 44%)
CMYK
cmyk(0%, 0%, 9%, 56%)
Oklch
oklch(54.6% 0.015 106.9)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFDEC0
C2D3EF

Analogous

EFC8C2
EFDEC0
E9EFC2

Triadic

EFDEC0
C2EFDF
DFC2EF

Split-Comp.

EFDEC0
C2E9EF
C8C2EF

Tetradic

EFDEC0
C2EFC8
C2D3EF
EFC2E9

Contrast Matrix WCAG 2.1 Contrast

EFDEC0
A38851
D94624
2A2F32
717167
—
2.6
Fail
3.3
AA Large
10.2
AAA
3.7
AA Large
2.6
Fail
—
1.3
Fail
4.0
AA Large
1.5
Fail
3.3
AA Large
1.3
Fail
—
3.1
AA Large
1.1
Fail
10.2
AAA
4.0
AA Large
3.1
AA Large
—
2.7
Fail
3.7
AA Large
1.5
Fail
1.1
Fail
2.7
Fail
—
White BG
1.3Fail
3.4AA Large
4.3AA Large
13.5AAA
4.9AA
Black BG
15.9AAA
6.2AA
4.9AA
1.6Fail
4.3AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E8E7C7
97975E
99982C
2C2C31
717169

Deuteranopia

E9EAC9
999B62
A2AD2E
2C2C31
71716A

Tritanopia

EECDCE
A2696B
D23334
2A3131
716B6C

Achromatopsia

E0E0E0
8A8A8A
6E6E6E
2E2E2E
707070

Shades & Tints Shades & Tints

#EFDEC0

Dark
Light

#A38851

Dark
Light

#D94624

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efdec0;
  --color-2: #a38851;
  --color-3: #d94624;
  --color-4: #2a2f32;
  --color-5: #717167;
}

SCSS

$color-1: #efdec0;
$color-2: #a38851;
$color-3: #d94624;
$color-4: #2a2f32;
$color-5: #717167;

TAILWIND

colors: {
  'brand-1': '#efdec0',
  'brand-2': '#a38851',
  'brand-3': '#d94624',
  'brand-4': '#2a2f32',
  'brand-5': '#717167',
}

RGB Array

[239, 222, 192], [163, 136, 81], [217, 70, 36], [42, 47, 50], [113, 113, 103]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EFDEC0, #A38851, #D94624, #2A2F32, #717167 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: #efdec0; --color-2: #a38851; --color-3: #d94624; --color-4: #2a2f32; --color-5: #717167. 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