← Back to Editor

#E65540 · #F8ECC2 · #65A8A6 · #79896D

vintage

A 4-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

#E65540

Vermilion · Tomato · Passion Red

HEX
#E65540
RGB
rgb(230, 85, 64)
HSL
hsl(8, 77%, 58%)
HSB
hsb(8, 72%, 90%)
CMYK
cmyk(0%, 63%, 72%, 10%)
Oklch
oklch(64.0% 0.184 30.9)

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

#F8ECC2

Goose Yellow · Bisque · Lemon Cream

HEX
#F8ECC2
RGB
rgb(248, 236, 194)
HSL
hsl(47, 79%, 87%)
HSB
hsb(47, 22%, 97%)
CMYK
cmyk(0%, 5%, 22%, 3%)
Oklch
oklch(94.2% 0.056 94.0)

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

#65A8A6

Mineral Blue · CadetBlue · Lake Green

HEX
#65A8A6
RGB
rgb(101, 168, 166)
HSL
hsl(178, 28%, 53%)
HSB
hsb(178, 40%, 66%)
CMYK
cmyk(40%, 0%, 1%, 34%)
Oklch
oklch(68.7% 0.068 193.2)

Traditional「Mineral Blue」· Paint「Lake Green」· Creative Blush Sunrise

#79896D

Celadon · Gray · Olive Green

HEX
#79896D
RGB
rgb(121, 137, 109)
HSL
hsl(94, 11%, 48%)
HSB
hsb(94, 20%, 54%)
CMYK
cmyk(12%, 0%, 20%, 46%)
Oklch
oklch(60.9% 0.045 131.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E65540
41D0E6

Analogous

E6417E
E65540
E6AA41

Triadic

E65540
41E657
5741E6

Split-Comp.

E65540
41E6AA
417EE6

Tetradic

E65540
7EE641
41D0E6
AA41E6

Contrast Matrix WCAG 2.1 Contrast

E65540
F8ECC2
65A8A6
79896D
—
3.1
AA Large
1.3
Fail
1.0
Fail
3.1
AA Large
—
2.3
Fail
3.2
AA Large
1.3
Fail
2.3
Fail
—
1.4
Fail
1.0
Fail
3.2
AA Large
1.4
Fail
—
White BG
3.7AA Large
1.2Fail
2.7Fail
3.7AA Large
Black BG
5.7AA
17.8AAA
7.7AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A7A645
F3F3CC
8283A6
808074

Deuteranopia

B0BB46
F4F4CF
7E79A7
7F7E75

Tritanopia

DF494A
F7D4D6
68A7A7
7A797A

Achromatopsia

7E7E7E
EBEBEB
949494
818181

Shades & Tints Shades & Tints

#E65540

Dark
Light

#F8ECC2

Dark
Light

#65A8A6

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e65540;
  --color-2: #f8ecc2;
  --color-3: #65a8a6;
  --color-4: #79896d;
}

SCSS

$color-1: #e65540;
$color-2: #f8ecc2;
$color-3: #65a8a6;
$color-4: #79896d;

TAILWIND

colors: {
  'brand-1': '#e65540',
  'brand-2': '#f8ecc2',
  'brand-3': '#65a8a6',
  'brand-4': '#79896d',
}

RGB Array

[230, 85, 64], [248, 236, 194], [101, 168, 166], [121, 137, 109]

FAQ FAQ

What scenarios is this 4-color palette suitable for?

This vintage-style palette of #E65540, #F8ECC2, #65A8A6, #79896D is ideal for: corporate websites, product showcases, portfolios. It is a balanced and harmonious choice among 4-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #e65540; --color-2: #f8ecc2; --color-3: #65a8a6; --color-4: #79896d. 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 4-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