#79A294 + #ECD99A + #6C6666 + #FC8888 + #9FAF91 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#79A294

Mineral Blue · LightSlateGray · Lake Green

HEX

#79A294

RGB

rgb(121, 162, 148)

HSL

hsl(160, 18%, 55%)

HSB

hsb(160, 25%, 64%)

CMYK

cmyk(25%, 0%, 9%, 36%)

Oklch

oklch(67.8% 0.049 171.8)

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

#ECD99A

Goose Yellow · Khaki · Lemon Cream

HEX

#ECD99A

RGB

rgb(236, 217, 154)

HSL

hsl(46, 68%, 76%)

HSB

hsb(46, 35%, 93%)

CMYK

cmyk(0%, 8%, 35%, 7%)

Oklch

oklch(88.6% 0.083 93.3)

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

#6C6666

Ink Gray · DimGray · Warm Gray

HEX

#6C6666

RGB

rgb(108, 102, 102)

HSL

hsl(0, 3%, 41%)

HSB

hsb(0, 6%, 42%)

CMYK

cmyk(0%, 6%, 6%, 58%)

Oklch

oklch(51.6% 0.008 17.4)

Traditional「Ink Gray」· Paint「Warm Gray」· Creative Urban Concrete

#FC8888

Peach Pink · LightCoral · Coral Red

HEX

#FC8888

RGB

rgb(252, 136, 136)

HSL

hsl(0, 95%, 76%)

HSB

hsb(0, 46%, 99%)

CMYK

cmyk(0%, 46%, 46%, 1%)

Oklch

oklch(75.4% 0.141 21.0)

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

#9FAF91

Celadon · DarkSeaGreen · Apple Green

HEX

#9FAF91

RGB

rgb(159, 175, 145)

HSL

hsl(92, 16%, 63%)

HSB

hsb(92, 17%, 69%)

CMYK

cmyk(9%, 0%, 17%, 31%)

Oklch

oklch(73.3% 0.046 130.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

79A294

A17885

Analogous

78A17E

79A294

789AA1

Triadic

79A294

9378A1

A19378

Split-Comp.

79A294

A1789A

A17E78

Tetradic

79A294

7E78A1

A17885

9AA178

Contrast Matrix WCAG 2.1 Contrast

79A294	ECD99A	6C6666	FC8888	9FAF91
—	2.0 Fail	2.0 Fail	1.2 Fail	1.2 Fail
2.0 Fail	—	4.0 AA Large	1.7 Fail	1.7 Fail
2.0 Fail	4.0 AA Large	—	2.4 Fail	2.4 Fail
1.2 Fail	1.7 Fail	2.4 Fail	—	1.0 Fail
1.2 Fail	1.7 Fail	2.4 Fail	1.0 Fail	—

White BG

2.8Fail

1.4Fail

5.6AA

2.3Fail

Black BG

7.4AAA

15.0AAA

3.7AA Large

9.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8B8B97

E4E4A9

696966

CAC988

A6A698

Deuteranopia

888598

E5E6AD

6A6A66

D1D988

A5A49A

Tritanopia

7B9A9B

EBB5B8

6C6666

F68888

A09E9F

Achromatopsia

949494

D7D7D7

686868

ABABAB

A7A7A7

Shades & Tints Shades & Tints

#79A294

Dark

Light

#ECD99A

Dark

Light

#6C6666

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #79a294;
  --color-2: #ecd99a;
  --color-3: #6c6666;
  --color-4: #fc8888;
  --color-5: #9faf91;
}

SCSS

$color-1: #79a294;
$color-2: #ecd99a;
$color-3: #6c6666;
$color-4: #fc8888;
$color-5: #9faf91;

TAILWIND

colors: {
  'brand-1': '#79a294',
  'brand-2': '#ecd99a',
  'brand-3': '#6c6666',
  'brand-4': '#fc8888',
  'brand-5': '#9faf91',
}

RGB Array

[121, 162, 148], [236, 217, 154], [108, 102, 102], [252, 136, 136], [159, 175, 145]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #79A294, #ECD99A, #6C6666, #FC8888, #9FAF91 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: #79a294; --color-2: #ecd99a; --color-3: #6c6666; --color-4: #fc8888; --color-5: #9faf91. 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