#FEEAD1 + #D8D29E + #D3CACD + #A9986A + #8F99A5 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#FEEAD1

Goose Yellow · Bisque · Peach Orange

HEX

#FEEAD1

RGB

rgb(254, 234, 209)

HSL

hsl(33, 96%, 91%)

HSB

hsb(33, 18%, 100%)

CMYK

cmyk(0%, 8%, 18%, 0%)

Oklch

oklch(94.7% 0.040 73.4)

Traditional「Goose Yellow」· Paint「Peach Orange」· Creative Honey Glow

#D8D29E

Fresh Green · BurlyWood · Sunflower

HEX

#D8D29E

RGB

rgb(216, 210, 158)

HSL

hsl(54, 43%, 73%)

HSB

hsb(54, 27%, 85%)

CMYK

cmyk(0%, 3%, 27%, 15%)

Oklch

oklch(85.6% 0.069 102.2)

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

#D3CACD

Rouge · LightGray · Pearl Gray

HEX

#D3CACD

RGB

rgb(211, 202, 205)

HSL

hsl(340, 9%, 81%)

HSB

hsb(340, 4%, 83%)

CMYK

cmyk(0%, 4%, 3%, 17%)

Oklch

oklch(84.7% 0.011 355.0)

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

#A9986A

Ginger · Gray · Sunflower

HEX

#A9986A

RGB

rgb(169, 152, 106)

HSL

hsl(44, 27%, 54%)

HSB

hsb(44, 37%, 66%)

CMYK

cmyk(0%, 10%, 37%, 34%)

Oklch

oklch(68.3% 0.066 90.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#8F99A5

Azure · DarkGray · Navy Blue

HEX

#8F99A5

RGB

rgb(143, 153, 165)

HSL

hsl(213, 11%, 60%)

HSB

hsb(213, 13%, 65%)

CMYK

cmyk(13%, 7%, 0%, 35%)

Oklch

oklch(67.9% 0.021 252.9)

Traditional「Azure」· Paint「Navy Blue」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FEEAD1

D2E6FE

Analogous

FED4D2

FEEAD1

FCFED2

Triadic

FEEAD1

D2FEEA

EAD2FE

Split-Comp.

FEEAD1

D2FCFE

D4D2FE

Tetradic

FEEAD1

D2FED4

D2E6FE

FED2FC

Contrast Matrix WCAG 2.1 Contrast

FEEAD1	D8D29E	D3CACD	A9986A	8F99A5
—	1.3 Fail	1.4 Fail	2.4 Fail	2.5 Fail
1.3 Fail	—	1.0 Fail	1.8 Fail	1.9 Fail
1.4 Fail	1.0 Fail	—	1.8 Fail	1.8 Fail
2.4 Fail	1.8 Fail	1.8 Fail	—	1.0 Fail
2.5 Fail	1.9 Fail	1.8 Fail	1.0 Fail	—

White BG

1.2Fail

1.5Fail

1.6Fail

2.8Fail

2.9Fail

Black BG

17.9AAA

13.6AAA

13.1AAA

7.4AAA

7.3AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F5F5D7

D5D5AB

CFCFCC

A2A175

9393A2

Deuteranopia

F7F8D9

D6D6AE

D0D0CC

A3A478

9392A1

Tritanopia

FDDCDD

D8B5B7

D3CCCC

A87E80

90A09F

Achromatopsia

EDEDED

CECECE

CDCDCD

989898

979797

Shades & Tints Shades & Tints

#FEEAD1

Dark

Light

#D8D29E

Dark

Light

#D3CACD

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #feead1;
  --color-2: #d8d29e;
  --color-3: #d3cacd;
  --color-4: #a9986a;
  --color-5: #8f99a5;
}

SCSS

$color-1: #feead1;
$color-2: #d8d29e;
$color-3: #d3cacd;
$color-4: #a9986a;
$color-5: #8f99a5;

TAILWIND

colors: {
  'brand-1': '#feead1',
  'brand-2': '#d8d29e',
  'brand-3': '#d3cacd',
  'brand-4': '#a9986a',
  'brand-5': '#8f99a5',
}

RGB Array

[254, 234, 209], [216, 210, 158], [211, 202, 205], [169, 152, 106], [143, 153, 165]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FEEAD1, #D8D29E, #D3CACD, #A9986A, #8F99A5 is ideal for: health products, baby brands, fresh-style blogs. 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: #feead1; --color-2: #d8d29e; --color-3: #d3cacd; --color-4: #a9986a; --color-5: #8f99a5. 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 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