#DB5146 + #A39A7B + #BBA782 + #DAB394 + #FBCEB1 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#DB5146

Vermilion · Tomato · Passion Red

HEX

#DB5146

RGB

rgb(219, 81, 70)

HSL

hsl(4, 67%, 57%)

HSB

hsb(4, 68%, 86%)

CMYK

cmyk(0%, 63%, 68%, 14%)

Oklch

oklch(61.8% 0.175 27.8)

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

#A39A7B

Ginger · Gray · Sunflower

HEX

#A39A7B

RGB

rgb(163, 154, 123)

HSL

hsl(47, 18%, 56%)

HSB

hsb(47, 25%, 64%)

CMYK

cmyk(0%, 6%, 25%, 36%)

Oklch

oklch(68.6% 0.045 93.8)

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

#BBA782

Ginger · Tan · Warm Sun

HEX

#BBA782

RGB

rgb(187, 167, 130)

HSL

hsl(39, 30%, 62%)

HSB

hsb(39, 30%, 73%)

CMYK

cmyk(0%, 11%, 30%, 27%)

Oklch

oklch(73.6% 0.056 82.7)

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

#DAB394

Apricot · Tan · Warm Sun

HEX

#DAB394

RGB

rgb(218, 179, 148)

HSL

hsl(27, 49%, 72%)

HSB

hsb(27, 32%, 85%)

CMYK

cmyk(0%, 18%, 32%, 15%)

Oklch

oklch(79.4% 0.062 60.2)

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

#FBCEB1

Apricot · Wheat · Peach Orange

HEX

#FBCEB1

RGB

rgb(251, 206, 177)

HSL

hsl(24, 90%, 84%)

HSB

hsb(24, 29%, 98%)

CMYK

cmyk(0%, 18%, 29%, 2%)

Oklch

oklch(88.3% 0.064 54.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DB5146

48D1DB

Analogous

DB4888

DB5146

DB9B48

Triadic

DB5146

48DB52

5248DB

Split-Comp.

DB5146

48DB9B

4888DB

Tetradic

DB5146

88DB48

48D1DB

9B48DB

Contrast Matrix WCAG 2.1 Contrast

DB5146	A39A7B	BBA782	DAB394	FBCEB1
—	1.4 Fail	1.7 Fail	2.1 Fail	2.8 Fail
1.4 Fail	—	1.2 Fail	1.5 Fail	2.0 Fail
1.7 Fail	1.2 Fail	—	1.2 Fail	1.6 Fail
2.1 Fail	1.5 Fail	1.2 Fail	—	1.3 Fail
2.8 Fail	2.0 Fail	1.6 Fail	1.3 Fail	—

White BG

4.0AA Large

2.8Fail

2.3Fail

1.9Fail

1.4Fail

Black BG

5.3AA

7.5AAA

9.0AAA

10.9AAA

14.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9E49

9F9F83

B2B28B

C9C99C

E8E7B8

Deuteranopia

A7B249

A0A084

B4B58D

CBCE9D

EAEEBA

Tritanopia

D44B4B

A3888A

BA9294

D8A1A3

F9BEBF

Achromatopsia

797979

999999

A9A9A9

BBBBBB

D8D8D8

Shades & Tints Shades & Tints

#DB5146

Dark

Light

#A39A7B

Dark

Light

#BBA782

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #db5146;
  --color-2: #a39a7b;
  --color-3: #bba782;
  --color-4: #dab394;
  --color-5: #fbceb1;
}

SCSS

$color-1: #db5146;
$color-2: #a39a7b;
$color-3: #bba782;
$color-4: #dab394;
$color-5: #fbceb1;

TAILWIND

colors: {
  'brand-1': '#db5146',
  'brand-2': '#a39a7b',
  'brand-3': '#bba782',
  'brand-4': '#dab394',
  'brand-5': '#fbceb1',
}

RGB Array

[219, 81, 70], [163, 154, 123], [187, 167, 130], [218, 179, 148], [251, 206, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #DB5146, #A39A7B, #BBA782, #DAB394, #FBCEB1 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: #db5146; --color-2: #a39a7b; --color-3: #bba782; --color-4: #dab394; --color-5: #fbceb1. 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