← Back to Editor

#ADBE8D · #F9EFE3 · #FECCC2 · #CCAE9B · #311204

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

#ADBE8D

Willow Green · DarkSeaGreen · Apple Green

HEX
#ADBE8D
RGB
rgb(173, 190, 141)
HSL
hsl(81, 27%, 65%)
HSB
hsb(81, 26%, 75%)
CMYK
cmyk(9%, 0%, 26%, 25%)
Oklch
oklch(77.6% 0.069 123.5)

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

#F9EFE3

Goose Yellow · Linen · Peach Orange

HEX
#F9EFE3
RGB
rgb(249, 239, 227)
HSL
hsl(33, 65%, 93%)
HSB
hsb(33, 9%, 98%)
CMYK
cmyk(0%, 4%, 9%, 2%)
Oklch
oklch(95.7% 0.019 72.6)

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

#FECCC2

Peach Pink · Pink · Cherry Blossom

HEX
#FECCC2
RGB
rgb(254, 204, 194)
HSL
hsl(10, 97%, 88%)
HSB
hsb(10, 24%, 100%)
CMYK
cmyk(0%, 20%, 24%, 0%)
Oklch
oklch(88.6% 0.059 31.3)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

#CCAE9B

Apricot · Tan · Warm Sun

HEX
#CCAE9B
RGB
rgb(204, 174, 155)
HSL
hsl(23, 32%, 70%)
HSB
hsb(23, 24%, 80%)
CMYK
cmyk(0%, 15%, 24%, 20%)
Oklch
oklch(77.2% 0.044 54.2)

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

#311204

Tangerine · Black · Cinnamon

HEX
#311204
RGB
rgb(49, 18, 4)
HSL
hsl(19, 85%, 10%)
HSB
hsb(19, 92%, 19%)
CMYK
cmyk(0%, 63%, 92%, 81%)
Oklch
oklch(22.7% 0.056 44.6)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ADBE8D
9F8EBE

Analogous

BEB78E
ADBE8D
95BE8E

Triadic

ADBE8D
8EADBE
BE8EAD

Split-Comp.

ADBE8D
8E95BE
B78EBE

Tetradic

ADBE8D
8EBEB7
9F8EBE
BE8E95

Contrast Matrix WCAG 2.1 Contrast

ADBE8D
F9EFE3
FECCC2
CCAE9B
311204
—
1.8
Fail
1.4
Fail
1.0
Fail
8.6
AAA
1.8
Fail
—
1.3
Fail
1.8
Fail
15.2
AAA
1.4
Fail
1.3
Fail
—
1.4
Fail
12.0
AAA
1.0
Fail
1.8
Fail
1.4
Fail
—
8.3
AAA
8.6
AAA
15.2
AAA
12.0
AAA
8.3
AAA
—
White BG
2.0Fail
1.1Fail
1.4Fail
2.1Fail
17.2AAA
Black BG
10.5AAA
18.5AAA
14.6AAA
10.1AAA
1.2Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B4B599
F5F5E6
E8E8C4
BFBFA0
242307

Deuteranopia

B3B29C
F5F6E7
EBEFC5
C1C3A1
252808

Tritanopia

AEA2A4
F8E8E9
FBC6C7
CAA3A4
2F0A0B

Achromatopsia

B3B3B3
F1F1F1
DADADA
B5B5B5
1A1A1A

Shades & Tints Shades & Tints

#ADBE8D

Dark
Light

#F9EFE3

Dark
Light

#FECCC2

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #adbe8d;
  --color-2: #f9efe3;
  --color-3: #feccc2;
  --color-4: #ccae9b;
  --color-5: #311204;
}

SCSS

$color-1: #adbe8d;
$color-2: #f9efe3;
$color-3: #feccc2;
$color-4: #ccae9b;
$color-5: #311204;

TAILWIND

colors: {
  'brand-1': '#adbe8d',
  'brand-2': '#f9efe3',
  'brand-3': '#feccc2',
  'brand-4': '#ccae9b',
  'brand-5': '#311204',
}

RGB Array

[173, 190, 141], [249, 239, 227], [254, 204, 194], [204, 174, 155], [49, 18, 4]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #ADBE8D, #F9EFE3, #FECCC2, #CCAE9B, #311204 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: #adbe8d; --color-2: #f9efe3; --color-3: #feccc2; --color-4: #ccae9b; --color-5: #311204. 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