#55A091 + #76A38E + #A6A788 + #C68C77 + #F5645E · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#55A091

Mineral Blue · CadetBlue · Mint Ice

HEX

#55A091

RGB

rgb(85, 160, 145)

HSL

hsl(168, 31%, 48%)

HSB

hsb(168, 47%, 63%)

CMYK

cmyk(47%, 0%, 9%, 37%)

Oklch

oklch(65.3% 0.079 179.2)

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

#76A38E

Mineral Blue · LightSlateGray · Olive Green

HEX

#76A38E

RGB

rgb(118, 163, 142)

HSL

hsl(152, 20%, 55%)

HSB

hsb(152, 28%, 64%)

CMYK

cmyk(28%, 0%, 13%, 36%)

Oklch

oklch(67.7% 0.058 164.3)

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

#A6A788

Autumn Sage · DarkSeaGreen · Sunflower

HEX

#A6A788

RGB

rgb(166, 167, 136)

HSL

hsl(62, 15%, 59%)

HSB

hsb(62, 19%, 65%)

CMYK

cmyk(1%, 0%, 19%, 35%)

Oklch

oklch(71.9% 0.043 109.0)

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

#C68C77

Apricot · DarkSalmon · Warm Sun

HEX

#C68C77

RGB

rgb(198, 140, 119)

HSL

hsl(16, 41%, 62%)

HSB

hsb(16, 40%, 78%)

CMYK

cmyk(0%, 29%, 40%, 22%)

Oklch

oklch(69.2% 0.078 40.7)

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

#F5645E

Peach Pink · Tomato · Coral Red

HEX

#F5645E

RGB

rgb(245, 100, 94)

HSL

hsl(2, 88%, 66%)

HSB

hsb(2, 62%, 96%)

CMYK

cmyk(0%, 59%, 62%, 4%)

Oklch

oklch(68.6% 0.180 25.3)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

55A091

A05464

Analogous

54A06B

55A091

548AA0

Triadic

55A091

9154A0

A09154

Split-Comp.

55A091

A0548A

A06B54

Tetradic

55A091

6B54A0

A05464

8AA054

Contrast Matrix WCAG 2.1 Contrast

55A091	76A38E	A6A788	C68C77	F5645E
—	1.1 Fail	1.2 Fail	1.1 Fail	1.0 Fail
1.1 Fail	—	1.1 Fail	1.0 Fail	1.1 Fail
1.2 Fail	1.1 Fail	—	1.1 Fail	1.2 Fail
1.1 Fail	1.0 Fail	1.1 Fail	—	1.1 Fail
1.0 Fail	1.1 Fail	1.2 Fail	1.1 Fail	—

White BG

3.1AA Large

2.8Fail

2.5Fail

2.8Fail

3.1AA Large

Black BG

6.8AA

7.4AAA

8.5AAA

7.4AAA

6.9AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

757695

898A93

A6A690

ADAC7C

B6B55F

Deuteranopia

716C96

878494

A6A691

B0B57D

BFCA60

Tritanopia

599798

789798

A69597

C38081

EE6161

Achromatopsia

888888

939393

A3A3A3

9B9B9B

8F8F8F

Shades & Tints Shades & Tints

#55A091

Dark

Light

#76A38E

Dark

Light

#A6A788

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #55a091;
  --color-2: #76a38e;
  --color-3: #a6a788;
  --color-4: #c68c77;
  --color-5: #f5645e;
}

SCSS

$color-1: #55a091;
$color-2: #76a38e;
$color-3: #a6a788;
$color-4: #c68c77;
$color-5: #f5645e;

TAILWIND

colors: {
  'brand-1': '#55a091',
  'brand-2': '#76a38e',
  'brand-3': '#a6a788',
  'brand-4': '#c68c77',
  'brand-5': '#f5645e',
}

RGB Array

[85, 160, 145], [118, 163, 142], [166, 167, 136], [198, 140, 119], [245, 100, 94]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #55A091, #76A38E, #A6A788, #C68C77, #F5645E 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: #55a091; --color-2: #76a38e; --color-3: #a6a788; --color-4: #c68c77; --color-5: #f5645e. 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