← Back to Editor

#EFE7C4 · #6B5344 · #8ECCBC · #FC9D9A · #E55778

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

#EFE7C4

Goose Yellow · Bisque · Lemon Cream

HEX
#EFE7C4
RGB
rgb(239, 231, 196)
HSL
hsl(49, 57%, 85%)
HSB
hsb(49, 18%, 94%)
CMYK
cmyk(0%, 3%, 18%, 6%)
Oklch
oklch(92.5% 0.047 96.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#6B5344

Tangerine · DarkOliveGreen · Amber Brown

HEX
#6B5344
RGB
rgb(107, 83, 68)
HSL
hsl(23, 22%, 34%)
HSB
hsb(23, 36%, 42%)
CMYK
cmyk(0%, 22%, 36%, 58%)
Oklch
oklch(46.3% 0.040 53.5)

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

#8ECCBC

Jade · MediumAquaMarine · Lake Green

HEX
#8ECCBC
RGB
rgb(142, 204, 188)
HSL
hsl(165, 38%, 68%)
HSB
hsb(165, 30%, 80%)
CMYK
cmyk(30%, 0%, 8%, 20%)
Oklch
oklch(79.8% 0.068 176.6)

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

#FC9D9A

Peach Pink · LightSalmon · Coral Red

HEX
#FC9D9A
RGB
rgb(252, 157, 154)
HSL
hsl(2, 94%, 80%)
HSB
hsb(2, 39%, 99%)
CMYK
cmyk(0%, 38%, 39%, 1%)
Oklch
oklch(79.2% 0.114 21.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#E55778

Peach Pink · LightCoral · Coral Red

HEX
#E55778
RGB
rgb(229, 87, 120)
HSL
hsl(346, 73%, 62%)
HSB
hsb(346, 62%, 90%)
CMYK
cmyk(0%, 62%, 48%, 10%)
Oklch
oklch(65.1% 0.177 9.3)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EFE7C4
C3CBEF

Analogous

EFD1C3
EFE7C4
E1EFC3

Triadic

EFE7C4
C3EFE7
E7C3EF

Split-Comp.

EFE7C4
C3E1EF
D1C3EF

Tetradic

EFE7C4
C3EFD1
C3CBEF
EFC3E1

Contrast Matrix WCAG 2.1 Contrast

EFE7C4
6B5344
8ECCBC
FC9D9A
E55778
—
5.7
AA
1.5
Fail
1.6
Fail
2.8
Fail
5.7
AA
—
3.9
AA Large
3.5
AA Large
2.0
Fail
1.5
Fail
3.9
AA Large
—
1.1
Fail
1.9
Fail
1.6
Fail
3.5
AA Large
1.1
Fail
—
1.7
Fail
2.8
Fail
2.0
Fail
1.9
Fail
1.7
Fail
—
White BG
1.2Fail
7.1AAA
1.8Fail
2.0Fail
3.5AA Large
Black BG
16.9AAA
2.9Fail
11.5AAA
10.4AAA
6.0AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ECEBCC
616048
A9A9C0
D3D29B
A8A670

Deuteranopia

ECEDCF
626449
A5A1C1
D8DF9B
B0BA6E

Tritanopia

EFD3D5
6A4A4B
91C3C4
F79B9B
DE6A68

Achromatopsia

E5E5E5
585858
B8B8B8
B9B9B9
858585

Shades & Tints Shades & Tints

#EFE7C4

Dark
Light

#6B5344

Dark
Light

#8ECCBC

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #efe7c4;
  --color-2: #6b5344;
  --color-3: #8eccbc;
  --color-4: #fc9d9a;
  --color-5: #e55778;
}

SCSS

$color-1: #efe7c4;
$color-2: #6b5344;
$color-3: #8eccbc;
$color-4: #fc9d9a;
$color-5: #e55778;

TAILWIND

colors: {
  'brand-1': '#efe7c4',
  'brand-2': '#6b5344',
  'brand-3': '#8eccbc',
  'brand-4': '#fc9d9a',
  'brand-5': '#e55778',
}

RGB Array

[239, 231, 196], [107, 83, 68], [142, 204, 188], [252, 157, 154], [229, 87, 120]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EFE7C4, #6B5344, #8ECCBC, #FC9D9A, #E55778 is ideal for: health products, baby brands, fresh-style blogs, 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: #efe7c4; --color-2: #6b5344; --color-3: #8eccbc; --color-4: #fc9d9a; --color-5: #e55778. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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