#EADFC1 + #ECD4B0 + #D9BB97 + #C9A37C + #C5936E · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#EADFC1

Goose Yellow · Wheat · Lemon Cream

HEX

#EADFC1

RGB

rgb(234, 223, 193)

HSL

hsl(44, 49%, 84%)

HSB

hsb(44, 18%, 92%)

CMYK

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

Oklch

oklch(90.5% 0.041 90.3)

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

#ECD4B0

Goose Yellow · Wheat · Peach Orange

HEX

#ECD4B0

RGB

rgb(236, 212, 176)

HSL

hsl(36, 61%, 81%)

HSB

hsb(36, 25%, 93%)

CMYK

cmyk(0%, 10%, 25%, 7%)

Oklch

oklch(88.1% 0.055 77.9)

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

#D9BB97

Goose Yellow · Tan · Warm Sun

HEX

#D9BB97

RGB

rgb(217, 187, 151)

HSL

hsl(33, 46%, 72%)

HSB

hsb(33, 30%, 85%)

CMYK

cmyk(0%, 14%, 30%, 15%)

Oklch

oklch(80.9% 0.059 71.9)

Traditional「Goose Yellow」· Paint「Warm Sun」· Creative Honey Glow

#C9A37C

Ginger · Tan · Warm Sun

HEX

#C9A37C

RGB

rgb(201, 163, 124)

HSL

hsl(30, 42%, 64%)

HSB

hsb(30, 38%, 79%)

CMYK

cmyk(0%, 19%, 38%, 21%)

Oklch

oklch(74.0% 0.069 67.1)

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

#C5936E

Tangerine · DarkSalmon · Warm Sun

HEX

#C5936E

RGB

rgb(197, 147, 110)

HSL

hsl(26, 43%, 60%)

HSB

hsb(26, 44%, 77%)

CMYK

cmyk(0%, 25%, 44%, 23%)

Oklch

oklch(70.2% 0.079 57.5)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EADFC1

C2CDEA

Analogous

EACCC2

EADFC1

E1EAC2

Triadic

EADFC1

C2EAE0

E0C2EA

Split-Comp.

EADFC1

C2E1EA

CCC2EA

Tetradic

EADFC1

C2EACC

C2CDEA

EAC2E1

Contrast Matrix WCAG 2.1 Contrast

EADFC1	ECD4B0	D9BB97	C9A37C	C5936E
—	1.1 Fail	1.4 Fail	1.8 Fail	2.0 Fail
1.1 Fail	—	1.3 Fail	1.6 Fail	1.9 Fail
1.4 Fail	1.3 Fail	—	1.3 Fail	1.5 Fail
1.8 Fail	1.6 Fail	1.3 Fail	—	1.2 Fail
2.0 Fail	1.9 Fail	1.5 Fail	1.2 Fail	—

White BG

1.3Fail

1.4Fail

1.8Fail

2.3Fail

2.7Fail

Black BG

15.8AAA

14.6AAA

11.5AAA

9.0AAA

7.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E5E5C8

E2E1B9

CCCCA0

B9B885

AFAF77

Deuteranopia

E6E7CA

E3E5BB

CED0A2

BBBE88

B2B679

Tritanopia

E9CECF

EBC0C1

D7A7A8

C78D8F

C27E80

Achromatopsia

DFDFDF

D7D7D7

C0C0C0

AAAAAA

9E9E9E

Shades & Tints Shades & Tints

#EADFC1

Dark

Light

#ECD4B0

Dark

Light

#D9BB97

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #eadfc1;
  --color-2: #ecd4b0;
  --color-3: #d9bb97;
  --color-4: #c9a37c;
  --color-5: #c5936e;
}

SCSS

$color-1: #eadfc1;
$color-2: #ecd4b0;
$color-3: #d9bb97;
$color-4: #c9a37c;
$color-5: #c5936e;

TAILWIND

colors: {
  'brand-1': '#eadfc1',
  'brand-2': '#ecd4b0',
  'brand-3': '#d9bb97',
  'brand-4': '#c9a37c',
  'brand-5': '#c5936e',
}

RGB Array

[234, 223, 193], [236, 212, 176], [217, 187, 151], [201, 163, 124], [197, 147, 110]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EADFC1, #ECD4B0, #D9BB97, #C9A37C, #C5936E 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: #eadfc1; --color-2: #ecd4b0; --color-3: #d9bb97; --color-4: #c9a37c; --color-5: #c5936e. 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