#FF8591 + #EFAAA3 + #8CAAA2 + #5A9B95 + #44878F · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#FF8591

Peach Pink · LightCoral · Coral Red

HEX

#FF8591

RGB

rgb(255, 133, 145)

HSL

hsl(354, 100%, 76%)

HSB

hsb(354, 48%, 100%)

CMYK

cmyk(0%, 48%, 43%, 0%)

Oklch

oklch(75.6% 0.148 15.1)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#EFAAA3

Peach Pink · BurlyWood · Coral Red

HEX

#EFAAA3

RGB

rgb(239, 170, 163)

HSL

hsl(6, 70%, 79%)

HSB

hsb(6, 32%, 94%)

CMYK

cmyk(0%, 29%, 32%, 6%)

Oklch

oklch(80.2% 0.083 25.5)

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

#8CAAA2

Jade · DarkSeaGreen · Lake Green

HEX

#8CAAA2

RGB

rgb(140, 170, 162)

HSL

hsl(164, 15%, 61%)

HSB

hsb(164, 18%, 67%)

CMYK

cmyk(18%, 0%, 5%, 33%)

Oklch

oklch(71.3% 0.035 177.3)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

#5A9B95

Mineral Blue · CadetBlue · Mint Ice

HEX

#5A9B95

RGB

rgb(90, 155, 149)

HSL

hsl(174, 27%, 48%)

HSB

hsb(174, 42%, 61%)

CMYK

cmyk(42%, 0%, 4%, 39%)

Oklch

oklch(64.4% 0.068 188.0)

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

#44878F

Slate Blue · SteelBlue · Mint Ice

HEX

#44878F

RGB

rgb(68, 135, 143)

HSL

hsl(186, 36%, 41%)

HSB

hsb(186, 52%, 56%)

CMYK

cmyk(52%, 6%, 0%, 44%)

Oklch

oklch(58.3% 0.069 205.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF8591

85FFF3

Analogous

FF85CE

FF8591

FFB685

Triadic

FF8591

91FF85

8591FF

Split-Comp.

FF8591

85FFB6

85CEFF

Tetradic

FF8591

CEFF85

85FFF3

B685FF

Contrast Matrix WCAG 2.1 Contrast

FF8591	EFAAA3	8CAAA2	5A9B95	44878F
—	1.2 Fail	1.1 Fail	1.4 Fail	1.8 Fail
1.2 Fail	—	1.3 Fail	1.7 Fail	2.1 Fail
1.1 Fail	1.3 Fail	—	1.3 Fail	1.6 Fail
1.4 Fail	1.7 Fail	1.3 Fail	—	1.3 Fail
1.8 Fail	2.1 Fail	1.6 Fail	1.3 Fail	—

White BG

2.3Fail

1.9Fail

2.5Fail

3.2AA Large

4.1AA Large

Black BG

9.0AAA

10.9AAA

8.4AAA

6.6AA

5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

CAC98E

D1D1A5

9999A4

767796

61628D

Deuteranopia

D1DA8D

D5DAA5

9795A4

726E97

5D588D

Tritanopia

F98C8B

ECA6A6

8EA5A6

5D9898

478C8B

Achromatopsia

ABABAB

BEBEBE

A0A0A0

878787

747474

Shades & Tints Shades & Tints

#FF8591

Dark

Light

#EFAAA3

Dark

Light

#8CAAA2

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff8591;
  --color-2: #efaaa3;
  --color-3: #8caaa2;
  --color-4: #5a9b95;
  --color-5: #44878f;
}

SCSS

$color-1: #ff8591;
$color-2: #efaaa3;
$color-3: #8caaa2;
$color-4: #5a9b95;
$color-5: #44878f;

TAILWIND

colors: {
  'brand-1': '#ff8591',
  'brand-2': '#efaaa3',
  'brand-3': '#8caaa2',
  'brand-4': '#5a9b95',
  'brand-5': '#44878f',
}

RGB Array

[255, 133, 145], [239, 170, 163], [140, 170, 162], [90, 155, 149], [68, 135, 143]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #FF8591, #EFAAA3, #8CAAA2, #5A9B95, #44878F 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: #ff8591; --color-2: #efaaa3; --color-3: #8caaa2; --color-4: #5a9b95; --color-5: #44878f. 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