← Back to Editor

#E6D590 · #AF6619 · #000005 · #2D384A · #84A88E

vintage

A 5-color vintage palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

NostalgicClassicTimelessWarmCool

Industry INDUSTRY

CafePublishingCraft

UI Context UI CONTEXT

StorefrontDigital MenuPosterData Visualization

Color Details Color Details

#E6D590

Goose Yellow · Khaki · Sunflower

HEX
#E6D590
RGB
rgb(230, 213, 144)
HSL
hsl(48, 63%, 73%)
HSB
hsb(48, 37%, 90%)
CMYK
cmyk(0%, 7%, 37%, 10%)
Oklch
oklch(87.1% 0.090 96.0)

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

#AF6619

Ochre · Sienna · Amber Brown

HEX
#AF6619
RGB
rgb(175, 102, 25)
HSL
hsl(31, 75%, 39%)
HSB
hsb(31, 86%, 69%)
CMYK
cmyk(0%, 42%, 86%, 31%)
Oklch
oklch(58.1% 0.126 60.6)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#000005

Deep Indigo · Black · Deep Sea Blue

HEX
#000005
RGB
rgb(0, 0, 5)
HSL
hsl(240, 100%, 1%)
HSB
hsb(240, 100%, 2%)
CMYK
cmyk(100%, 100%, 0%, 98%)
Oklch
oklch(5.2% 0.036 264.1)

Traditional「Deep Indigo」· Paint「Deep Sea Blue」· Creative Blush Sunrise

#2D384A

Indigo · DarkSlateGray · Prussian Blue

HEX
#2D384A
RGB
rgb(45, 56, 74)
HSL
hsl(217, 24%, 23%)
HSB
hsb(217, 39%, 29%)
CMYK
cmyk(39%, 24%, 0%, 71%)
Oklch
oklch(33.9% 0.035 260.1)

Traditional「Indigo」· Paint「Prussian Blue」· Creative Blush Sunrise

#84A88E

Celadon · DarkSeaGreen · Olive Green

HEX
#84A88E
RGB
rgb(132, 168, 142)
HSL
hsl(137, 17%, 59%)
HSB
hsb(137, 21%, 66%)
CMYK
cmyk(21%, 0%, 15%, 34%)
Oklch
oklch(69.7% 0.055 153.5)

Traditional「Celadon」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

E6D590
8FA0E6

Analogous

E6A98F
E6D590
CCE68F

Triadic

E6D590
8FE6D4
D48FE6

Split-Comp.

E6D590
8FCCE6
A98FE6

Tetradic

E6D590
8FE6A9
8FA0E6
E68FCC

Contrast Matrix WCAG 2.1 Contrast

E6D590
AF6619
000005
2D384A
84A88E
—
3.0
AA Large
14.3
AAA
8.0
AAA
1.8
Fail
3.0
AA Large
—
4.7
AA
2.7
Fail
1.7
Fail
14.3
AAA
4.7
AA
—
1.8
Fail
8.0
AAA
8.0
AAA
2.7
Fail
1.8
Fail
—
4.5
AA Large
1.8
Fail
1.7
Fail
8.0
AAA
4.5
AA Large
—
White BG
1.5Fail
4.4AA Large
21.0AAA
11.8AAA
2.6Fail
Black BG
14.3AAA
4.7AA
1.0Fail
1.8Fail
8.0AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DFDEA1
8F8F2C
000004
323246
949494

Deuteranopia

E0E1A5
949930
000004
313045
928F96

Tritanopia

E5AEB1
AB3A3E
000303
2E4241
86999A

Achromatopsia

D2D2D2
737373
010101
373737
9A9A9A

Shades & Tints Shades & Tints

#E6D590

Dark
Light

#AF6619

Dark
Light

#000005

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #e6d590;
  --color-2: #af6619;
  --color-3: #000005;
  --color-4: #2d384a;
  --color-5: #84a88e;
}

SCSS

$color-1: #e6d590;
$color-2: #af6619;
$color-3: #000005;
$color-4: #2d384a;
$color-5: #84a88e;

TAILWIND

colors: {
  'brand-1': '#e6d590',
  'brand-2': '#af6619',
  'brand-3': '#000005',
  'brand-4': '#2d384a',
  'brand-5': '#84a88e',
}

RGB Array

[230, 213, 144], [175, 102, 25], [0, 0, 5], [45, 56, 74], [132, 168, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This vintage-style palette of #E6D590, #AF6619, #000005, #2D384A, #84A88E is ideal for: tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. 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: #e6d590; --color-2: #af6619; --color-3: #000005; --color-4: #2d384a; --color-5: #84a88e. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. High-contrast palettes naturally meet WCAG accessibility standards. 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