← Back to Editor

#DAE2B3 · #FEF6C7 · #F5E7A6 · #73583B · #CB7A65

vintage

A 5-color vintage palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarm

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#DAE2B3

Willow Green · Wheat · Apple Green

HEX
#DAE2B3
RGB
rgb(218, 226, 179)
HSL
hsl(70, 45%, 79%)
HSB
hsb(70, 21%, 89%)
CMYK
cmyk(4%, 0%, 21%, 11%)
Oklch
oklch(89.5% 0.063 115.5)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#FEF6C7

Fresh Green · Bisque · Lemon Cream

HEX
#FEF6C7
RGB
rgb(254, 246, 199)
HSL
hsl(51, 96%, 89%)
HSB
hsb(51, 22%, 100%)
CMYK
cmyk(0%, 3%, 22%, 0%)
Oklch
oklch(96.8% 0.061 99.4)

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

#F5E7A6

Goose Yellow · Wheat · Lemon Cream

HEX
#F5E7A6
RGB
rgb(245, 231, 166)
HSL
hsl(49, 80%, 81%)
HSB
hsb(49, 32%, 96%)
CMYK
cmyk(0%, 6%, 32%, 4%)
Oklch
oklch(92.4% 0.084 97.4)

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

#73583B

Ochre · DarkOliveGreen · Amber Brown

HEX
#73583B
RGB
rgb(115, 88, 59)
HSL
hsl(31, 32%, 34%)
HSB
hsb(31, 49%, 45%)
CMYK
cmyk(0%, 23%, 49%, 55%)
Oklch
oklch(48.1% 0.056 67.9)

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

#CB7A65

Crimson · DarkSalmon · Passion Red

HEX
#CB7A65
RGB
rgb(203, 122, 101)
HSL
hsl(12, 50%, 60%)
HSB
hsb(12, 50%, 80%)
CMYK
cmyk(0%, 40%, 50%, 20%)
Oklch
oklch(66.2% 0.107 35.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

DAE2B3
B9B1E2

Analogous

E2D1B1
DAE2B3
C1E2B1

Triadic

DAE2B3
B1DAE2
E2B1DA

Split-Comp.

DAE2B3
B1C1E2
D1B1E2

Tetradic

DAE2B3
B1E2D1
B9B1E2
E2B1C1

Contrast Matrix WCAG 2.1 Contrast

DAE2B3
FEF6C7
F5E7A6
73583B
CB7A65
—
1.2
Fail
1.1
Fail
4.9
AA
2.4
Fail
1.2
Fail
—
1.1
Fail
6.0
AA
3.0
Fail
1.1
Fail
1.1
Fail
—
5.3
AA
2.6
Fail
4.9
AA
6.0
AA
5.3
AA
—
2.0
Fail
2.4
Fail
3.0
Fail
2.6
Fail
2.0
Fail
—
White BG
1.4Fail
1.1Fail
1.2Fail
6.6AA
3.2AA Large
Black BG
15.5AAA
19.2AAA
16.9AAA
3.2AA Large
6.5AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDEBE
FBFAD2
EFEFB6
676742
A8A76A

Deuteranopia

DDDCC1
FBFCD5
F0F1BA
696B44
ADB36B

Tritanopia

DAC7C9
FEDBDD
F4C2C5
724849
C76E6F

Achromatopsia

DADADA
F3F3F3
E4E4E4
5D5D5D
909090

Shades & Tints Shades & Tints

#DAE2B3

Dark
Light

#FEF6C7

Dark
Light

#F5E7A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #dae2b3;
  --color-2: #fef6c7;
  --color-3: #f5e7a6;
  --color-4: #73583b;
  --color-5: #cb7a65;
}

SCSS

$color-1: #dae2b3;
$color-2: #fef6c7;
$color-3: #f5e7a6;
$color-4: #73583b;
$color-5: #cb7a65;

TAILWIND

colors: {
  'brand-1': '#dae2b3',
  'brand-2': '#fef6c7',
  'brand-3': '#f5e7a6',
  'brand-4': '#73583b',
  'brand-5': '#cb7a65',
}

RGB Array

[218, 226, 179], [254, 246, 199], [245, 231, 166], [115, 88, 59], [203, 122, 101]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #DAE2B3, #FEF6C7, #F5E7A6, #73583B, #CB7A65 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #dae2b3; --color-2: #fef6c7; --color-3: #f5e7a6; --color-4: #73583b; --color-5: #cb7a65. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. 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