#DADBD3 + #E4D3B9 + #89968C + #8B6B60 + #F24050 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#DADBD3

Fresh Green · LightGray · Lemon Cream

HEX

#DADBD3

RGB

rgb(218, 219, 211)

HSL

hsl(67, 10%, 84%)

HSB

hsb(67, 4%, 86%)

CMYK

cmyk(0%, 0%, 4%, 14%)

Oklch

oklch(88.8% 0.011 112.4)

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

#E4D3B9

Goose Yellow · Wheat · Peach Orange

HEX

#E4D3B9

RGB

rgb(228, 211, 185)

HSL

hsl(36, 44%, 81%)

HSB

hsb(36, 19%, 89%)

CMYK

cmyk(0%, 7%, 19%, 11%)

Oklch

oklch(87.4% 0.040 78.6)

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

#89968C

Ash · LightSlateGray · Silver Sand

HEX

#89968C

RGB

rgb(137, 150, 140)

HSL

hsl(134, 6%, 56%)

HSB

hsb(134, 9%, 59%)

CMYK

cmyk(9%, 0%, 7%, 41%)

Oklch

oklch(66.0% 0.021 152.6)

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

#8B6B60

Tangerine · DimGray · Amber Brown

HEX

#8B6B60

RGB

rgb(139, 107, 96)

HSL

hsl(15, 18%, 46%)

HSB

hsb(15, 31%, 55%)

CMYK

cmyk(0%, 23%, 31%, 45%)

Oklch

oklch(55.7% 0.044 39.8)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

#F24050

Vermilion · Tomato · Passion Red

HEX

#F24050

RGB

rgb(242, 64, 80)

HSL

hsl(355, 87%, 60%)

HSB

hsb(355, 74%, 95%)

CMYK

cmyk(0%, 74%, 67%, 5%)

Oklch

oklch(64.0% 0.213 21.1)

Traditional「Vermilion」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DADBD3

D3D2DA

Analogous

DAD7D2

DADBD3

D5DAD2

Triadic

DADBD3

D2D9DA

DAD2D9

Split-Comp.

DADBD3

D2D5DA

D7D2DA

Tetradic

DADBD3

D2DAD7

D3D2DA

DAD2D5

Contrast Matrix WCAG 2.1 Contrast

DADBD3	E4D3B9	89968C	8B6B60	F24050
—	1.1 Fail	2.2 Fail	3.4 AA Large	2.7 Fail
1.1 Fail	—	2.1 Fail	3.3 AA Large	2.5 Fail
2.2 Fail	2.1 Fail	—	1.6 Fail	1.2 Fail
3.4 AA Large	3.3 AA Large	1.6 Fail	—	1.3 Fail
2.7 Fail	2.5 Fail	1.2 Fail	1.3 Fail	—

White BG

1.4Fail

1.5Fail

3.1AA Large

4.8AA

3.7AA Large

Black BG

15.1AAA

14.3AAA

6.8AA

4.4AA Large

5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADAD5

DDDCBF

8F8F8E

7D7D63

A5A34C

Deuteranopia

DADAD5

DEDFC1

8E8D8F

7F8163

AFBD4B

Tritanopia

DAD6D7

E3C4C5

8A9091

896565

E94948

Achromatopsia

DADADA

D5D5D5

919191

737373

777777

Shades & Tints Shades & Tints

#DADBD3

Dark

Light

#E4D3B9

Dark

Light

#89968C

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dadbd3;
  --color-2: #e4d3b9;
  --color-3: #89968c;
  --color-4: #8b6b60;
  --color-5: #f24050;
}

SCSS

$color-1: #dadbd3;
$color-2: #e4d3b9;
$color-3: #89968c;
$color-4: #8b6b60;
$color-5: #f24050;

TAILWIND

colors: {
  'brand-1': '#dadbd3',
  'brand-2': '#e4d3b9',
  'brand-3': '#89968c',
  'brand-4': '#8b6b60',
  'brand-5': '#f24050',
}

RGB Array

[218, 219, 211], [228, 211, 185], [137, 150, 140], [139, 107, 96], [242, 64, 80]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #DADBD3, #E4D3B9, #89968C, #8B6B60, #F24050 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: #dadbd3; --color-2: #e4d3b9; --color-3: #89968c; --color-4: #8b6b60; --color-5: #f24050. 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