← Back to Editor

#F1EEE8 · #DBD2C0 · #C2B59C · #B3A383 · #A08E6C

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 MenuPoster

Color Details Color Details

#F1EEE8

Goose Yellow · Linen · Lemon Cream

HEX
#F1EEE8
RGB
rgb(241, 238, 232)
HSL
hsl(40, 24%, 93%)
HSB
hsb(40, 4%, 95%)
CMYK
cmyk(0%, 1%, 4%, 5%)
Oklch
oklch(95.0% 0.009 84.6)

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

#DBD2C0

Goose Yellow · LightGray · Lemon Cream

HEX
#DBD2C0
RGB
rgb(219, 210, 192)
HSL
hsl(40, 27%, 81%)
HSB
hsb(40, 12%, 86%)
CMYK
cmyk(0%, 4%, 12%, 14%)
Oklch
oklch(86.6% 0.026 84.6)

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

#C2B59C

Ginger · Tan · Warm Sun

HEX
#C2B59C
RGB
rgb(194, 181, 156)
HSL
hsl(39, 24%, 69%)
HSB
hsb(39, 20%, 76%)
CMYK
cmyk(0%, 7%, 20%, 24%)
Oklch
oklch(77.7% 0.037 83.7)

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

#B3A383

Ginger · Tan · Sunflower

HEX
#B3A383
RGB
rgb(179, 163, 131)
HSL
hsl(40, 24%, 61%)
HSB
hsb(40, 27%, 70%)
CMYK
cmyk(0%, 9%, 27%, 30%)
Oklch
oklch(72.1% 0.048 84.5)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#A08E6C

Ginger · Gray · Warm Sun

HEX
#A08E6C
RGB
rgb(160, 142, 108)
HSL
hsl(39, 21%, 53%)
HSB
hsb(39, 33%, 63%)
CMYK
cmyk(0%, 11%, 32%, 37%)
Oklch
oklch(65.4% 0.052 83.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F1EEE8
E9ECF1

Analogous

F1EAE9
F1EEE8
F0F1E9

Triadic

F1EEE8
E9F1EF
EFE9F1

Split-Comp.

F1EEE8
E9F0F1
EAE9F1

Tetradic

F1EEE8
E9F1EA
E9ECF1
F1E9F0

Contrast Matrix WCAG 2.1 Contrast

F1EEE8
DBD2C0
C2B59C
B3A383
A08E6C
—
1.3
Fail
1.7
Fail
2.1
Fail
2.8
Fail
1.3
Fail
—
1.3
Fail
1.6
Fail
2.1
Fail
1.7
Fail
1.3
Fail
—
1.2
Fail
1.6
Fail
2.1
Fail
1.6
Fail
1.2
Fail
—
1.3
Fail
2.8
Fail
2.1
Fail
1.6
Fail
1.3
Fail
—
White BG
1.2Fail
1.5Fail
2.0Fail
2.5Fail
3.2AA Large
Black BG
18.1AAA
14.0AAA
10.4AAA
8.5AAA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

F0F0E9
D7D7C4
BCBCA2
ACAC8B
989874

Deuteranopia

F0F0EA
D8D8C5
BDBEA4
ADAE8D
999B76

Tritanopia

F1EBEB
DBC8C9
C1A7A8
B29192
9F7B7C

Achromatopsia

EEEEEE
D3D3D3
B6B6B6
A4A4A4
909090

Shades & Tints Shades & Tints

#F1EEE8

Dark
Light

#DBD2C0

Dark
Light

#C2B59C

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f1eee8;
  --color-2: #dbd2c0;
  --color-3: #c2b59c;
  --color-4: #b3a383;
  --color-5: #a08e6c;
}

SCSS

$color-1: #f1eee8;
$color-2: #dbd2c0;
$color-3: #c2b59c;
$color-4: #b3a383;
$color-5: #a08e6c;

TAILWIND

colors: {
  'brand-1': '#f1eee8',
  'brand-2': '#dbd2c0',
  'brand-3': '#c2b59c',
  'brand-4': '#b3a383',
  'brand-5': '#a08e6c',
}

RGB Array

[241, 238, 232], [219, 210, 192], [194, 181, 156], [179, 163, 131], [160, 142, 108]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #F1EEE8, #DBD2C0, #C2B59C, #B3A383, #A08E6C is ideal for: brand design, premium product pages, magazine layouts, health products, baby brands, fresh-style blogs. Low-saturation colors convey a sophisticated, premium feel. It is a classic and elegant choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #f1eee8; --color-2: #dbd2c0; --color-3: #c2b59c; --color-4: #b3a383; --color-5: #a08e6c. 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 beauty, lifestyle, arts industries. Restrained colors convey professionalism and trust. 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