← Back to Editor

#F2D4B9 · #E6DEC8 · #D1CFC2 · #BCC2BE · #B0B0B0

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

#F2D4B9

Apricot · Wheat · Peach Orange

HEX
#F2D4B9
RGB
rgb(242, 212, 185)
HSL
hsl(28, 69%, 84%)
HSB
hsb(28, 24%, 95%)
CMYK
cmyk(0%, 12%, 24%, 5%)
Oklch
oklch(88.8% 0.049 64.1)

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

#E6DEC8

Goose Yellow · LightGray · Lemon Cream

HEX
#E6DEC8
RGB
rgb(230, 222, 200)
HSL
hsl(44, 37%, 84%)
HSB
hsb(44, 13%, 90%)
CMYK
cmyk(0%, 3%, 13%, 10%)
Oklch
oklch(90.1% 0.031 90.3)

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

#D1CFC2

Fresh Green · LightGray · Lemon Cream

HEX
#D1CFC2
RGB
rgb(209, 207, 194)
HSL
hsl(52, 14%, 79%)
HSB
hsb(52, 7%, 82%)
CMYK
cmyk(0%, 1%, 7%, 18%)
Oklch
oklch(85.2% 0.018 99.6)

Traditional「Fresh Green」· Paint「Lemon Cream」· Creative Lemon Fizz

#BCC2BE

Silver Gray · Silver · Pearl Gray

HEX
#BCC2BE
RGB
rgb(188, 194, 190)
HSL
hsl(140, 5%, 75%)
HSB
hsb(140, 3%, 76%)
CMYK
cmyk(3%, 0%, 2%, 24%)
Oklch
oklch(80.8% 0.009 157.0)

Traditional「Silver Gray」· Paint「Pearl Gray」· Creative Silver Lining

#B0B0B0

Ash · DarkGray · Silver Sand

HEX
#B0B0B0
RGB
rgb(176, 176, 176)
HSL
hsl(0, 0%, 69%)
HSB
hsb(0, 0%, 69%)
CMYK
cmyk(0%, 0%, 0%, 31%)
Oklch
oklch(75.7% 0.000 89.9)

Traditional「Ash」· Paint「Silver Sand」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F2D4B9
BAD8F2

Analogous

F2BABC
F2D4B9
F2F0BA

Triadic

F2D4B9
BAF2D4
D4BAF2

Split-Comp.

F2D4B9
BAF2F0
BABCF2

Tetradic

F2D4B9
BCF2BA
BAD8F2
F0BAF2

Contrast Matrix WCAG 2.1 Contrast

F2D4B9
E6DEC8
D1CFC2
BCC2BE
B0B0B0
—
1.1
Fail
1.1
Fail
1.3
Fail
1.5
Fail
1.1
Fail
—
1.2
Fail
1.3
Fail
1.6
Fail
1.1
Fail
1.2
Fail
—
1.2
Fail
1.4
Fail
1.3
Fail
1.3
Fail
1.2
Fail
—
1.2
Fail
1.5
Fail
1.6
Fail
1.4
Fail
1.2
Fail
—
White BG
1.4Fail
1.3Fail
1.6Fail
1.8Fail
2.2Fail
Black BG
14.9AAA
15.6AAA
13.4AAA
11.6AAA
9.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5C0
E3E2CD
D0D0C5
BFBFBF
B0B0B0

Deuteranopia

E7E9C1
E3E4CF
D0D0C6
BEBEBF
B0B0B0

Tritanopia

F0C5C6
E6D2D2
D1C8C8
BCC0C0
B0B0B0

Achromatopsia

DADADA
DEDEDE
CECECE
C0C0C0
B0B0B0

Shades & Tints Shades & Tints

#F2D4B9

Dark
Light

#E6DEC8

Dark
Light

#D1CFC2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f2d4b9;
  --color-2: #e6dec8;
  --color-3: #d1cfc2;
  --color-4: #bcc2be;
  --color-5: #b0b0b0;
}

SCSS

$color-1: #f2d4b9;
$color-2: #e6dec8;
$color-3: #d1cfc2;
$color-4: #bcc2be;
$color-5: #b0b0b0;

TAILWIND

colors: {
  'brand-1': '#f2d4b9',
  'brand-2': '#e6dec8',
  'brand-3': '#d1cfc2',
  'brand-4': '#bcc2be',
  'brand-5': '#b0b0b0',
}

RGB Array

[242, 212, 185], [230, 222, 200], [209, 207, 194], [188, 194, 190], [176, 176, 176]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #F2D4B9, #E6DEC8, #D1CFC2, #BCC2BE, #B0B0B0 is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f2d4b9; --color-2: #e6dec8; --color-3: #d1cfc2; --color-4: #bcc2be; --color-5: #b0b0b0. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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