← Back to Editor

#EF683E · #7E4A10 · #CF8D12 · #D5B579 · #9C945F

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

#EF683E

Vermilion · Tomato · Passion Red

HEX
#EF683E
RGB
rgb(239, 104, 62)
HSL
hsl(14, 85%, 59%)
HSB
hsb(14, 74%, 94%)
CMYK
cmyk(0%, 56%, 74%, 6%)
Oklch
oklch(67.8% 0.176 37.6)

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

#7E4A10

Ochre · Sienna · Amber Brown

HEX
#7E4A10
RGB
rgb(126, 74, 16)
HSL
hsl(32, 77%, 28%)
HSB
hsb(32, 87%, 49%)
CMYK
cmyk(0%, 41%, 87%, 51%)
Oklch
oklch(46.1% 0.098 62.5)

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

#CF8D12

Ochre · DarkGoldenRod · Amber Brown

HEX
#CF8D12
RGB
rgb(207, 141, 18)
HSL
hsl(39, 84%, 44%)
HSB
hsb(39, 91%, 81%)
CMYK
cmyk(0%, 32%, 91%, 19%)
Oklch
oklch(69.3% 0.142 74.8)

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

#D5B579

Ginger · BurlyWood · Warm Sun

HEX
#D5B579
RGB
rgb(213, 181, 121)
HSL
hsl(39, 52%, 65%)
HSB
hsb(39, 43%, 84%)
CMYK
cmyk(0%, 15%, 43%, 16%)
Oklch
oklch(78.7% 0.086 82.6)

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

#9C945F

Autumn Sage · Gray · Honey Gold

HEX
#9C945F
RGB
rgb(156, 148, 95)
HSL
hsl(52, 24%, 49%)
HSB
hsb(52, 39%, 61%)
CMYK
cmyk(0%, 5%, 39%, 39%)
Oklch
oklch(66.1% 0.073 100.7)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EF683E
3EC6EF

Analogous

EF3E6D
EF683E
EFC03E

Triadic

EF683E
3EEF67
673EEF

Split-Comp.

EF683E
3EEFC0
3E6DEF

Tetradic

EF683E
6DEF3E
3EC6EF
C03EEF

Contrast Matrix WCAG 2.1 Contrast

EF683E
7E4A10
CF8D12
D5B579
9C945F
—
2.3
Fail
1.1
Fail
1.6
Fail
1.0
Fail
2.3
Fail
—
2.6
Fail
3.7
AA Large
2.4
Fail
1.1
Fail
2.6
Fail
—
1.4
Fail
1.1
Fail
1.6
Fail
3.7
AA Large
1.4
Fail
—
1.6
Fail
1.0
Fail
2.4
Fail
1.1
Fail
1.6
Fail
—
White BG
3.1AA Large
7.3AAA
2.8Fail
2.0Fail
3.1AA Large
Black BG
6.7AA
2.9Fail
7.5AAA
10.7AAA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

B5B348
67671E
B2B230
C7C788
99986C

Deuteranopia

BCC64B
6B6E21
B6BB37
C9CB8B
999A6F

Tritanopia

E85052
7B292C
CC474C
D39396
9C7678

Achromatopsia

8C8C8C
535353
939393
B8B8B8
909090

Shades & Tints Shades & Tints

#EF683E

Dark
Light

#7E4A10

Dark
Light

#CF8D12

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ef683e;
  --color-2: #7e4a10;
  --color-3: #cf8d12;
  --color-4: #d5b579;
  --color-5: #9c945f;
}

SCSS

$color-1: #ef683e;
$color-2: #7e4a10;
$color-3: #cf8d12;
$color-4: #d5b579;
$color-5: #9c945f;

TAILWIND

colors: {
  'brand-1': '#ef683e',
  'brand-2': '#7e4a10',
  'brand-3': '#cf8d12',
  'brand-4': '#d5b579',
  'brand-5': '#9c945f',
}

RGB Array

[239, 104, 62], [126, 74, 16], [207, 141, 18], [213, 181, 121], [156, 148, 95]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EF683E, #7E4A10, #CF8D12, #D5B579, #9C945F is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #ef683e; --color-2: #7e4a10; --color-3: #cf8d12; --color-4: #d5b579; --color-5: #9c945f. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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