#EDC919 + #76919A + #257A97 + #7A486E + #FD556F · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#EDC919

Autumn Sage · Gold · Sunflower

HEX

#EDC919

RGB

rgb(237, 201, 25)

HSL

hsl(50, 85%, 51%)

HSB

hsb(50, 89%, 93%)

CMYK

cmyk(0%, 15%, 89%, 7%)

Oklch

oklch(84.2% 0.169 95.5)

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

#76919A

Slate Blue · LightSlateGray · Lake Green

HEX

#76919A

RGB

rgb(118, 145, 154)

HSL

hsl(195, 15%, 53%)

HSB

hsb(195, 23%, 60%)

CMYK

cmyk(23%, 6%, 0%, 40%)

Oklch

oklch(63.9% 0.033 220.1)

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

#257A97

Lake Blue · Teal · Mint Ice

HEX

#257A97

RGB

rgb(37, 122, 151)

HSL

hsl(195, 61%, 37%)

HSB

hsb(195, 75%, 59%)

CMYK

cmyk(75%, 19%, 0%, 41%)

Oklch

oklch(54.3% 0.090 225.3)

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

#7A486E

Rose Purple · DimGray · Eggplant

HEX

#7A486E

RGB

rgb(122, 72, 110)

HSL

hsl(314, 26%, 38%)

HSB

hsb(314, 41%, 48%)

CMYK

cmyk(0%, 41%, 10%, 52%)

Oklch

oklch(47.4% 0.086 336.3)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

#FD556F

Peach Pink · Tomato · Coral Red

HEX

#FD556F

RGB

rgb(253, 85, 111)

HSL

hsl(351, 98%, 66%)

HSB

hsb(351, 66%, 99%)

CMYK

cmyk(0%, 66%, 56%, 1%)

Oklch

oklch(68.4% 0.203 15.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

EDC919

183BEC

Analogous

EC5F18

EDC919

A5EC18

Triadic

EDC919

18ECC9

C918EC

Split-Comp.

EDC919

18A5EC

5F18EC

Tetradic

EDC919

18EC5F

183BEC

EC18A5

Contrast Matrix WCAG 2.1 Contrast

EDC919	76919A	257A97	7A486E	FD556F
—	2.1 Fail	3.0 AA Large	4.4 AA Large	1.9 Fail
2.1 Fail	—	1.5 Fail	2.1 Fail	1.1 Fail
3.0 AA Large	1.5 Fail	—	1.4 Fail	1.6 Fail
4.4 AA Large	2.1 Fail	1.4 Fail	—	2.3 Fail
1.9 Fail	1.1 Fail	1.6 Fail	2.3 Fail	—

White BG

1.6Fail

3.3AA Large

4.9AA

7.0AAA

3.1AA Large

Black BG

13.0AAA

6.3AA

4.3AA Large

3.0Fail

6.7AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DDDD44

828298

4A4B90

646465

B4B369

Deuteranopia

E0E24E

807E97

453F8E

676B63

BECB67

Tritanopia

EB656D

779696

298A89

775E5C

F56463

Achromatopsia

C0C0C0

8A8A8A

646464

5B5B5B

8A8A8A

Shades & Tints Shades & Tints

#EDC919

Dark

Light

#76919A

Dark

Light

#257A97

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #edc919;
  --color-2: #76919a;
  --color-3: #257a97;
  --color-4: #7a486e;
  --color-5: #fd556f;
}

SCSS

$color-1: #edc919;
$color-2: #76919a;
$color-3: #257a97;
$color-4: #7a486e;
$color-5: #fd556f;

TAILWIND

colors: {
  'brand-1': '#edc919',
  'brand-2': '#76919a',
  'brand-3': '#257a97',
  'brand-4': '#7a486e',
  'brand-5': '#fd556f',
}

RGB Array

[237, 201, 25], [118, 145, 154], [37, 122, 151], [122, 72, 110], [253, 85, 111]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #EDC919, #76919A, #257A97, #7A486E, #FD556F 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: #edc919; --color-2: #76919a; --color-3: #257a97; --color-4: #7a486e; --color-5: #fd556f. 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