← Back to Editor

#F6D3CD · #FCC294 · #FE9E88 · #F3776D · #736D6F

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 MenuPosterData Visualization

Color Details Color Details

#F6D3CD

Peach Pink · Pink · Cherry Blossom

HEX
#F6D3CD
RGB
rgb(246, 211, 205)
HSL
hsl(9, 69%, 88%)
HSB
hsb(9, 17%, 96%)
CMYK
cmyk(0%, 14%, 17%, 4%)
Oklch
oklch(89.5% 0.040 29.4)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#FCC294

Apricot · BurlyWood · Peach Orange

HEX
#FCC294
RGB
rgb(252, 194, 148)
HSL
hsl(27, 95%, 78%)
HSB
hsb(27, 41%, 99%)
CMYK
cmyk(0%, 23%, 41%, 1%)
Oklch
oklch(85.6% 0.090 59.6)

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

#FE9E88

Peach Pink · LightSalmon · Coral Red

HEX
#FE9E88
RGB
rgb(254, 158, 136)
HSL
hsl(11, 98%, 76%)
HSB
hsb(11, 46%, 100%)
CMYK
cmyk(0%, 38%, 46%, 0%)
Oklch
oklch(79.2% 0.120 33.7)

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

#F3776D

Peach Pink · Salmon · Coral Red

HEX
#F3776D
RGB
rgb(243, 119, 109)
HSL
hsl(4, 85%, 69%)
HSB
hsb(4, 55%, 95%)
CMYK
cmyk(0%, 51%, 55%, 5%)
Oklch
oklch(71.1% 0.154 26.4)

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

#736D6F

Ink Gray · DimGray · Warm Gray

HEX
#736D6F
RGB
rgb(115, 109, 111)
HSL
hsl(340, 3%, 44%)
HSB
hsb(340, 5%, 45%)
CMYK
cmyk(0%, 5%, 3%, 55%)
Oklch
oklch(54.1% 0.008 355.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F6D3CD
CBEFF6

Analogous

F6CBDA
F6D3CD
F6E7CB

Triadic

F6D3CD
CBF6D2
D2CBF6

Split-Comp.

F6D3CD
CBF6E7
CBDAF6

Tetradic

F6D3CD
DAF6CB
CBEFF6
E7CBF6

Contrast Matrix WCAG 2.1 Contrast

F6D3CD
FCC294
FE9E88
F3776D
736D6F
—
1.1
Fail
1.4
Fail
2.0
Fail
3.6
AA Large
1.1
Fail
—
1.3
Fail
1.7
Fail
3.2
AA Large
1.4
Fail
1.3
Fail
—
1.4
Fail
2.5
Fail
2.0
Fail
1.7
Fail
1.4
Fail
—
1.9
Fail
3.6
AA Large
3.2
AA Large
2.5
Fail
1.9
Fail
—
White BG
1.4Fail
1.6Fail
2.0Fail
2.7Fail
5.1AA
Black BG
15.1AAA
13.3AAA
10.5AAA
7.7AAA
4.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

E7E7CE
E3E29F
D4D48D
BDBC6F
70706F

Deuteranopia

E9ECCF
E6EBA2
DAE18F
C5CE70
71716E

Tritanopia

F4D0D0
F9A8AA
F99292
ED7172
736E6E

Achromatopsia

DDDDDD
CECECE
B8B8B8
9B9B9B
6F6F6F

Shades & Tints Shades & Tints

#F6D3CD

Dark
Light

#FCC294

Dark
Light

#FE9E88

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f6d3cd;
  --color-2: #fcc294;
  --color-3: #fe9e88;
  --color-4: #f3776d;
  --color-5: #736d6f;
}

SCSS

$color-1: #f6d3cd;
$color-2: #fcc294;
$color-3: #fe9e88;
$color-4: #f3776d;
$color-5: #736d6f;

TAILWIND

colors: {
  'brand-1': '#f6d3cd',
  'brand-2': '#fcc294',
  'brand-3': '#fe9e88',
  'brand-4': '#f3776d',
  'brand-5': '#736d6f',
}

RGB Array

[246, 211, 205], [252, 194, 148], [254, 158, 136], [243, 119, 109], [115, 109, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #F6D3CD, #FCC294, #FE9E88, #F3776D, #736D6F is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #f6d3cd; --color-2: #fcc294; --color-3: #fe9e88; --color-4: #f3776d; --color-5: #736d6f. 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 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