← Back to Editor

#EDE4BB · #F0AD7D · #EA785E · #918F76 · #499190

vintage

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#EDE4BB

Goose Yellow · Wheat · Lemon Cream

HEX
#EDE4BB
RGB
rgb(237, 228, 187)
HSL
hsl(49, 58%, 83%)
HSB
hsb(49, 21%, 93%)
CMYK
cmyk(0%, 4%, 21%, 7%)
Oklch
oklch(91.6% 0.055 97.0)

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

#F0AD7D

Apricot · LightSalmon · Warm Sun

HEX
#F0AD7D
RGB
rgb(240, 173, 125)
HSL
hsl(25, 79%, 72%)
HSB
hsb(25, 48%, 94%)
CMYK
cmyk(0%, 28%, 48%, 6%)
Oklch
oklch(80.0% 0.101 56.3)

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

#EA785E

Peach Pink · Coral · Coral Red

HEX
#EA785E
RGB
rgb(234, 120, 94)
HSL
hsl(11, 77%, 64%)
HSB
hsb(11, 60%, 92%)
CMYK
cmyk(0%, 49%, 60%, 8%)
Oklch
oklch(69.8% 0.147 34.0)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#918F76

Autumn Sage · Gray · Sunflower

HEX
#918F76
RGB
rgb(145, 143, 118)
HSL
hsl(56, 11%, 52%)
HSB
hsb(56, 19%, 57%)
CMYK
cmyk(0%, 1%, 19%, 43%)
Oklch
oklch(64.5% 0.036 103.6)

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

#499190

Mineral Blue · CadetBlue · Mint Ice

HEX
#499190
RGB
rgb(73, 145, 144)
HSL
hsl(179, 33%, 43%)
HSB
hsb(179, 50%, 57%)
CMYK
cmyk(50%, 0%, 1%, 43%)
Oklch
oklch(61.0% 0.072 194.2)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDE4BB
BBC4ED

Analogous

EDCABB
EDE4BB
DDEDBB

Triadic

EDE4BB
BBEDE4
E4BBED

Split-Comp.

EDE4BB
BBDDED
CABBED

Tetradic

EDE4BB
BBEDCA
BBC4ED
EDBBDD

Contrast Matrix WCAG 2.1 Contrast

EDE4BB
F0AD7D
EA785E
918F76
499190
—
1.5
Fail
2.2
Fail
2.6
Fail
2.9
Fail
1.5
Fail
—
1.5
Fail
1.7
Fail
1.9
Fail
2.2
Fail
1.5
Fail
—
1.1
Fail
1.3
Fail
2.6
Fail
1.7
Fail
1.1
Fail
—
1.1
Fail
2.9
Fail
1.9
Fail
1.3
Fail
1.1
Fail
—
White BG
1.3Fail
1.9Fail
2.9Fail
3.3AA Large
3.7AA Large
Black BG
16.4AAA
11.0AAA
7.3AAA
6.4AA
5.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

E9E9C5
D3D289
B9B864
90907C
686990

Deuteranopia

EAEAC7
D7DC8B
BFC866
90907E
645F90

Tritanopia

EDCDCE
ED9294
E4696A
918182
4D9090

Achromatopsia

E2E2E2
BCBCBC
979797
8D8D8D
7B7B7B

Shades & Tints Shades & Tints

#EDE4BB

Dark
Light

#F0AD7D

Dark
Light

#EA785E

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ede4bb;
  --color-2: #f0ad7d;
  --color-3: #ea785e;
  --color-4: #918f76;
  --color-5: #499190;
}

SCSS

$color-1: #ede4bb;
$color-2: #f0ad7d;
$color-3: #ea785e;
$color-4: #918f76;
$color-5: #499190;

TAILWIND

colors: {
  'brand-1': '#ede4bb',
  'brand-2': '#f0ad7d',
  'brand-3': '#ea785e',
  'brand-4': '#918f76',
  'brand-5': '#499190',
}

RGB Array

[237, 228, 187], [240, 173, 125], [234, 120, 94], [145, 143, 118], [73, 145, 144]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EDE4BB, #F0AD7D, #EA785E, #918F76, #499190 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: #ede4bb; --color-2: #f0ad7d; --color-3: #ea785e; --color-4: #918f76; --color-5: #499190. 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