#DB714B + #EBDEAF + #84AA95 + #B9BD68 + #E3BF0C · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#DB714B

Tangerine · Tomato · Warm Sun

HEX

#DB714B

RGB

rgb(219, 113, 75)

HSL

hsl(16, 67%, 58%)

HSB

hsb(16, 66%, 86%)

CMYK

cmyk(0%, 48%, 66%, 14%)

Oklch

oklch(66.4% 0.143 40.0)

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

#EBDEAF

Goose Yellow · Wheat · Lemon Cream

HEX

#EBDEAF

RGB

rgb(235, 222, 175)

HSL

hsl(47, 60%, 80%)

HSB

hsb(47, 26%, 92%)

CMYK

cmyk(0%, 6%, 26%, 8%)

Oklch

oklch(89.9% 0.063 94.4)

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

#84AA95

Celadon · DarkSeaGreen · Olive Green

HEX

#84AA95

RGB

rgb(132, 170, 149)

HSL

hsl(147, 18%, 59%)

HSB

hsb(147, 22%, 67%)

CMYK

cmyk(22%, 0%, 12%, 33%)

Oklch

oklch(70.4% 0.052 160.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

#B9BD68

Autumn Sage · Tan · Sunflower

HEX

#B9BD68

RGB

rgb(185, 189, 104)

HSL

hsl(63, 39%, 57%)

HSB

hsb(63, 45%, 74%)

CMYK

cmyk(2%, 0%, 45%, 26%)

Oklch

oklch(77.7% 0.109 111.0)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#E3BF0C

Autumn Sage · GoldenRod · Honey Gold

HEX

#E3BF0C

RGB

rgb(227, 191, 12)

HSL

hsl(50, 90%, 47%)

HSB

hsb(50, 95%, 89%)

CMYK

cmyk(0%, 16%, 95%, 11%)

Oklch

oklch(81.2% 0.165 95.1)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DB714B

4CB5DC

Analogous

DC4C6E

DB714B

DCBA4C

Triadic

DB714B

4CDC72

724CDC

Split-Comp.

DB714B

4CDCBA

4C6EDC

Tetradic

DB714B

6EDC4C

4CB5DC

BA4CDC

Contrast Matrix WCAG 2.1 Contrast

DB714B	EBDEAF	84AA95	B9BD68	E3BF0C
—	2.4 Fail	1.3 Fail	1.6 Fail	1.8 Fail
2.4 Fail	—	1.9 Fail	1.5 Fail	1.3 Fail
1.3 Fail	1.9 Fail	—	1.3 Fail	1.4 Fail
1.6 Fail	1.5 Fail	1.3 Fail	—	1.1 Fail
1.8 Fail	1.3 Fail	1.4 Fail	1.1 Fail	—

White BG

3.2AA Large

1.3Fail

2.6Fail

2.0Fail

1.8Fail

Black BG

6.5AA

15.6AAA

8.2AAA

10.5AAA

11.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

ADAC54

E5E5BA

94959A

BBBB7D

D3D337

Deuteranopia

B3BB56

E6E7BD

928F9B

BBBA82

D6D842

Tritanopia

D65B5D

EAC3C5

869E9F

B98D90

E15A61

Achromatopsia

8C8C8C

DDDDDD

9C9C9C

B2B2B2

B5B5B5

Shades & Tints Shades & Tints

#DB714B

Dark

Light

#EBDEAF

Dark

Light

#84AA95

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #db714b;
  --color-2: #ebdeaf;
  --color-3: #84aa95;
  --color-4: #b9bd68;
  --color-5: #e3bf0c;
}

SCSS

$color-1: #db714b;
$color-2: #ebdeaf;
$color-3: #84aa95;
$color-4: #b9bd68;
$color-5: #e3bf0c;

TAILWIND

colors: {
  'brand-1': '#db714b',
  'brand-2': '#ebdeaf',
  'brand-3': '#84aa95',
  'brand-4': '#b9bd68',
  'brand-5': '#e3bf0c',
}

RGB Array

[219, 113, 75], [235, 222, 175], [132, 170, 149], [185, 189, 104], [227, 191, 12]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #DB714B, #EBDEAF, #84AA95, #B9BD68, #E3BF0C is ideal for: corporate websites, product showcases, portfolios. 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: #db714b; --color-2: #ebdeaf; --color-3: #84aa95; --color-4: #b9bd68; --color-5: #e3bf0c. 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?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. 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