← Back to Editor

#ED4747 · #E8795A · #E89E79 · #FCD0B1 · #C2B7B2

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

#ED4747

Vermilion · Tomato · Passion Red

HEX
#ED4747
RGB
rgb(237, 71, 71)
HSL
hsl(0, 82%, 60%)
HSB
hsb(0, 70%, 93%)
CMYK
cmyk(0%, 70%, 70%, 7%)
Oklch
oklch(63.7% 0.203 25.0)

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

#E8795A

Peach Pink · Coral · Coral Red

HEX
#E8795A
RGB
rgb(232, 121, 90)
HSL
hsl(13, 76%, 63%)
HSB
hsb(13, 61%, 91%)
CMYK
cmyk(0%, 48%, 61%, 9%)
Oklch
oklch(69.6% 0.145 36.5)

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

#E89E79

Apricot · DarkSalmon · Warm Sun

HEX
#E89E79
RGB
rgb(232, 158, 121)
HSL
hsl(20, 71%, 69%)
HSB
hsb(20, 48%, 91%)
CMYK
cmyk(0%, 32%, 48%, 9%)
Oklch
oklch(76.4% 0.102 47.3)

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

#FCD0B1

Apricot · Wheat · Peach Orange

HEX
#FCD0B1
RGB
rgb(252, 208, 177)
HSL
hsl(25, 93%, 84%)
HSB
hsb(25, 30%, 99%)
CMYK
cmyk(0%, 17%, 30%, 1%)
Oklch
oklch(88.8% 0.065 56.9)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

#C2B7B2

Apricot · Silver · Warm Sun

HEX
#C2B7B2
RGB
rgb(194, 183, 178)
HSL
hsl(19, 12%, 73%)
HSB
hsb(19, 8%, 76%)
CMYK
cmyk(0%, 6%, 8%, 24%)
Oklch
oklch(78.7% 0.014 46.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ED4747
45EDED

Analogous

ED4599
ED4747
ED9945

Triadic

ED4747
45ED45
4545ED

Split-Comp.

ED4747
45ED99
4599ED

Tetradic

ED4747
99ED45
45EDED
9945ED

Contrast Matrix WCAG 2.1 Contrast

ED4747
E8795A
E89E79
FCD0B1
C2B7B2
—
1.3
Fail
1.7
Fail
2.6
Fail
1.9
Fail
1.3
Fail
—
1.3
Fail
2.0
Fail
1.5
Fail
1.7
Fail
1.3
Fail
—
1.5
Fail
1.1
Fail
2.6
Fail
2.0
Fail
1.5
Fail
—
1.4
Fail
1.9
Fail
1.5
Fail
1.1
Fail
1.4
Fail
—
White BG
3.8AA Large
2.9Fail
2.2Fail
1.4Fail
2.0Fail
Black BG
5.6AA
7.3AAA
9.6AAA
14.8AAA
10.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A447
B8B762
C8C782
E9E9B9
BDBDB3

Deuteranopia

AFBB47
BEC763
CCD284
ECEFBA
BEBFB4

Tritanopia

E54747
E26769
E4898B
FABEC0
C1B4B4

Achromatopsia

797979
979797
B0B0B0
DADADA
BABABA

Shades & Tints Shades & Tints

#ED4747

Dark
Light

#E8795A

Dark
Light

#E89E79

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ed4747;
  --color-2: #e8795a;
  --color-3: #e89e79;
  --color-4: #fcd0b1;
  --color-5: #c2b7b2;
}

SCSS

$color-1: #ed4747;
$color-2: #e8795a;
$color-3: #e89e79;
$color-4: #fcd0b1;
$color-5: #c2b7b2;

TAILWIND

colors: {
  'brand-1': '#ed4747',
  'brand-2': '#e8795a',
  'brand-3': '#e89e79',
  'brand-4': '#fcd0b1',
  'brand-5': '#c2b7b2',
}

RGB Array

[237, 71, 71], [232, 121, 90], [232, 158, 121], [252, 208, 177], [194, 183, 178]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #ED4747, #E8795A, #E89E79, #FCD0B1, #C2B7B2 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #ed4747; --color-2: #e8795a; --color-3: #e89e79; --color-4: #fcd0b1; --color-5: #c2b7b2. 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. 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