#B5605D + #9E7970 + #9EA6A8 + #EACFC4 + #F9E9D0 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#B5605D

Crimson · Sienna · Passion Red

HEX

#B5605D

RGB

rgb(181, 96, 93)

HSL

hsl(2, 37%, 54%)

HSB

hsb(2, 49%, 71%)

CMYK

cmyk(0%, 47%, 49%, 29%)

Oklch

oklch(58.8% 0.110 23.1)

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

#9E7970

Crimson · Gray · Passion Red

HEX

#9E7970

RGB

rgb(158, 121, 112)

HSL

hsl(12, 19%, 53%)

HSB

hsb(12, 29%, 62%)

CMYK

cmyk(0%, 23%, 29%, 38%)

Oklch

oklch(61.0% 0.049 34.0)

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

#9EA6A8

Ash · DarkGray · Silver Sand

HEX

#9EA6A8

RGB

rgb(158, 166, 168)

HSL

hsl(192, 5%, 64%)

HSB

hsb(192, 6%, 66%)

CMYK

cmyk(6%, 1%, 0%, 34%)

Oklch

oklch(71.9% 0.010 214.4)

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

#EACFC4

Apricot · Wheat · Peach Orange

HEX

#EACFC4

RGB

rgb(234, 207, 196)

HSL

hsl(17, 47%, 84%)

HSB

hsb(17, 16%, 92%)

CMYK

cmyk(0%, 12%, 16%, 8%)

Oklch

oklch(87.4% 0.034 43.5)

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

#F9E9D0

Goose Yellow · Bisque · Peach Orange

HEX

#F9E9D0

RGB

rgb(249, 233, 208)

HSL

hsl(37, 77%, 90%)

HSB

hsb(37, 16%, 98%)

CMYK

cmyk(0%, 6%, 16%, 2%)

Oklch

oklch(94.0% 0.037 79.1)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B5605D

5EB2B5

Analogous

B55E87

B5605D

B58D5E

Triadic

B5605D

5EB561

615EB5

Split-Comp.

B5605D

5EB58D

5E87B5

Tetradic

B5605D

87B55E

5EB2B5

8D5EB5

Contrast Matrix WCAG 2.1 Contrast

B5605D	9E7970	9EA6A8	EACFC4	F9E9D0
—	1.1 Fail	1.8 Fail	3.0 Fail	3.7 AA Large
1.1 Fail	—	1.6 Fail	2.6 Fail	3.2 AA Large
1.8 Fail	1.6 Fail	—	1.7 Fail	2.1 Fail
3.0 Fail	2.6 Fail	1.7 Fail	—	1.2 Fail
3.7 AA Large	3.2 AA Large	2.1 Fail	1.2 Fail	—

White BG

4.4AA Large

3.9AA Large

2.5Fail

1.5Fail

1.2Fail

Black BG

4.8AA

5.4AA

8.5AAA

14.2AAA

17.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

908F5E

8E8E72

A1A2A8

DEDEC7

F2F2D6

Deuteranopia

959C5E

909373

A1A0A7

E0E2C7

F3F4D8

Tritanopia

B15E5E

9C7474

9EA7A7

E9C9C9

F8DBDC

Achromatopsia

797979

838383

A4A4A4

D6D6D6

EBEBEB

Shades & Tints Shades & Tints

#B5605D

Dark

Light

#9E7970

Dark

Light

#9EA6A8

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b5605d;
  --color-2: #9e7970;
  --color-3: #9ea6a8;
  --color-4: #eacfc4;
  --color-5: #f9e9d0;
}

SCSS

$color-1: #b5605d;
$color-2: #9e7970;
$color-3: #9ea6a8;
$color-4: #eacfc4;
$color-5: #f9e9d0;

TAILWIND

colors: {
  'brand-1': '#b5605d',
  'brand-2': '#9e7970',
  'brand-3': '#9ea6a8',
  'brand-4': '#eacfc4',
  'brand-5': '#f9e9d0',
}

RGB Array

[181, 96, 93], [158, 121, 112], [158, 166, 168], [234, 207, 196], [249, 233, 208]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #B5605D, #9E7970, #9EA6A8, #EACFC4, #F9E9D0 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: #b5605d; --color-2: #9e7970; --color-3: #9ea6a8; --color-4: #eacfc4; --color-5: #f9e9d0. 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