← Back to Editor

#FFFAD5 · #F8C3A4 · #CD9B78 · #7F7868 · #BAC5A3

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

#FFFAD5

Fresh Green · LightYellow · Lemon Cream

HEX
#FFFAD5
RGB
rgb(255, 250, 213)
HSL
hsl(53, 100%, 92%)
HSB
hsb(53, 16%, 100%)
CMYK
cmyk(0%, 2%, 16%, 0%)
Oklch
oklch(98.0% 0.048 100.9)

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

#F8C3A4

Apricot · Wheat · Peach Orange

HEX
#F8C3A4
RGB
rgb(248, 195, 164)
HSL
hsl(22, 86%, 81%)
HSB
hsb(22, 34%, 97%)
CMYK
cmyk(0%, 21%, 34%, 3%)
Oklch
oklch(85.7% 0.074 51.7)

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

#CD9B78

Apricot · DarkSalmon · Warm Sun

HEX
#CD9B78
RGB
rgb(205, 155, 120)
HSL
hsl(25, 46%, 64%)
HSB
hsb(25, 41%, 80%)
CMYK
cmyk(0%, 24%, 41%, 20%)
Oklch
oklch(72.8% 0.077 56.2)

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

#7F7868

Ochre · Gray · Honey Gold

HEX
#7F7868
RGB
rgb(127, 120, 104)
HSL
hsl(42, 10%, 45%)
HSB
hsb(42, 18%, 50%)
CMYK
cmyk(0%, 6%, 18%, 50%)
Oklch
oklch(57.4% 0.025 87.2)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#BAC5A3

Willow Green · Silver · Apple Green

HEX
#BAC5A3
RGB
rgb(186, 197, 163)
HSL
hsl(79, 23%, 71%)
HSB
hsb(79, 17%, 77%)
CMYK
cmyk(6%, 0%, 17%, 23%)
Oklch
oklch(80.6% 0.048 122.1)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FFFAD5
D6DBFF

Analogous

FFE6D6
FFFAD5
EFFFD6

Triadic

FFFAD5
D6FFFA
FAD6FF

Split-Comp.

FFFAD5
D6EFFF
E6D6FF

Tetradic

FFFAD5
D6FFE6
D6DBFF
FFD6EF

Contrast Matrix WCAG 2.1 Contrast

FFFAD5
F8C3A4
CD9B78
7F7868
BAC5A3
—
1.5
Fail
2.3
Fail
4.2
AA Large
1.7
Fail
1.5
Fail
—
1.6
Fail
2.8
Fail
1.1
Fail
2.3
Fail
1.6
Fail
—
1.8
Fail
1.4
Fail
4.2
AA Large
2.8
Fail
1.8
Fail
—
2.4
Fail
1.7
Fail
1.1
Fail
1.4
Fail
2.4
Fail
—
White BG
1.1Fail
1.6Fail
2.5Fail
4.4AA Large
1.8Fail
Black BG
19.9AAA
13.3AAA
8.6AAA
4.8AA
11.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

FDFDDE
E1E1AC
B7B780
7C7C6C
BFBFAB

Deuteranopia

FDFEE0
E4E8AD
BABE83
7C7D6D
BEBDAD

Tritanopia

FFE5E7
F5B1B3
CB8789
7F6F70
BBB2B3

Achromatopsia

F7F7F7
CFCFCF
A6A6A6
787878
BEBEBE

Shades & Tints Shades & Tints

#FFFAD5

Dark
Light

#F8C3A4

Dark
Light

#CD9B78

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #fffad5;
  --color-2: #f8c3a4;
  --color-3: #cd9b78;
  --color-4: #7f7868;
  --color-5: #bac5a3;
}

SCSS

$color-1: #fffad5;
$color-2: #f8c3a4;
$color-3: #cd9b78;
$color-4: #7f7868;
$color-5: #bac5a3;

TAILWIND

colors: {
  'brand-1': '#fffad5',
  'brand-2': '#f8c3a4',
  'brand-3': '#cd9b78',
  'brand-4': '#7f7868',
  'brand-5': '#bac5a3',
}

RGB Array

[255, 250, 213], [248, 195, 164], [205, 155, 120], [127, 120, 104], [186, 197, 163]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FFFAD5, #F8C3A4, #CD9B78, #7F7868, #BAC5A3 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: #fffad5; --color-2: #f8c3a4; --color-3: #cd9b78; --color-4: #7f7868; --color-5: #bac5a3. 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