#C80030 + #E1D07E + #3A8193 + #A2AE9A + #E0D3B1 · vintage - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPoster

Color Details Color Details

#C80030

Vermilion · Crimson · Wine Red

HEX

#C80030

RGB

rgb(200, 0, 48)

HSL

hsl(346, 100%, 39%)

HSB

hsb(346, 100%, 78%)

CMYK

cmyk(0%, 100%, 76%, 22%)

Oklch

oklch(52.6% 0.212 20.9)

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

#E1D07E

Fresh Green · BurlyWood · Sunflower

HEX

#E1D07E

RGB

rgb(225, 208, 126)

HSL

hsl(50, 62%, 69%)

HSB

hsb(50, 44%, 88%)

CMYK

cmyk(0%, 8%, 44%, 12%)

Oklch

oklch(85.4% 0.104 97.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#3A8193

Slate Blue · SteelBlue · Mint Ice

HEX

#3A8193

RGB

rgb(58, 129, 147)

HSL

hsl(192, 43%, 40%)

HSB

hsb(192, 61%, 58%)

CMYK

cmyk(61%, 12%, 0%, 42%)

Oklch

oklch(56.5% 0.076 216.9)

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

#A2AE9A

Celadon · DarkGray · Apple Green

HEX

#A2AE9A

RGB

rgb(162, 174, 154)

HSL

hsl(96, 11%, 64%)

HSB

hsb(96, 11%, 68%)

CMYK

cmyk(7%, 0%, 11%, 32%)

Oklch

oklch(73.6% 0.031 132.7)

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

#E0D3B1

Goose Yellow · Wheat · Lemon Cream

HEX

#E0D3B1

RGB

rgb(224, 211, 177)

HSL

hsl(43, 43%, 79%)

HSB

hsb(43, 21%, 88%)

CMYK

cmyk(0%, 6%, 21%, 12%)

Oklch

oklch(86.9% 0.047 89.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C80030

00C798

Analogous

C70092

C80030

C73500

Triadic

C80030

2EC700

002EC7

Split-Comp.

C80030

00C735

0092C7

Tetradic

C80030

92C700

00C798

3500C7

Contrast Matrix WCAG 2.1 Contrast

C80030	E1D07E	3A8193	A2AE9A	E0D3B1
—	3.9 AA Large	1.4 Fail	2.6 Fail	4.0 AA Large
3.9 AA Large	—	2.9 Fail	1.5 Fail	1.0 Fail
1.4 Fail	2.9 Fail	—	1.9 Fail	3.0 Fail
2.6 Fail	1.5 Fail	1.9 Fail	—	1.6 Fail
4.0 AA Large	1.0 Fail	3.0 Fail	1.6 Fail	—

White BG

6.0AA

1.6Fail

4.4AA Large

2.3Fail

1.5Fail

Black BG

3.5AA Large

13.5AAA

4.7AA

9.1AAA

14.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

717024

DAD992

59598F

A7A79F

DADAB9

Deuteranopia

7D8C22

DBDC97

554F8E

A7A6A0

DBDCBB

Tritanopia

BE1B19

E0A2A5

3E8B8A

A3A3A4

DFC0C1

Achromatopsia

414141

CCCCCC

6E6E6E

A8A8A8

D3D3D3

Shades & Tints Shades & Tints

#C80030

Dark

Light

#E1D07E

Dark

Light

#3A8193

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c80030;
  --color-2: #e1d07e;
  --color-3: #3a8193;
  --color-4: #a2ae9a;
  --color-5: #e0d3b1;
}

SCSS

$color-1: #c80030;
$color-2: #e1d07e;
$color-3: #3a8193;
$color-4: #a2ae9a;
$color-5: #e0d3b1;

TAILWIND

colors: {
  'brand-1': '#c80030',
  'brand-2': '#e1d07e',
  'brand-3': '#3a8193',
  'brand-4': '#a2ae9a',
  'brand-5': '#e0d3b1',
}

RGB Array

[200, 0, 48], [225, 208, 126], [58, 129, 147], [162, 174, 154], [224, 211, 177]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #C80030, #E1D07E, #3A8193, #A2AE9A, #E0D3B1 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: #c80030; --color-2: #e1d07e; --color-3: #3a8193; --color-4: #a2ae9a; --color-5: #e0d3b1. 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